webpack !! 作用

  • adding ! to a request will disable configured preLoaders
  • adding !! to a request will disable all loaders specified in the configuration
  • adding -! to a request will disable configured preLoaders and loaders but not the postLoaders
require('!!bootstrap-webpack!bootstrapConfig');
 // bootstrapConfig是我在webpack配置文件中设好的alias,不设的话这里就填实际的路径就好了
// 后面一个感叹号分割的意思

bootstrap-webpack其实就是一个webpack的loader,所以这里是用loader的语法。需要注意的是,如果你在webpack配置文件中针对js文件设置了loader(比如说babel),那么在加载bootstrap-webpack的时候请在最前面加个!!,表示这个require语句忽略webpack配置文件中所有loader的配置

loader 里感叹号

 {
            test: /\.css$/,
            loader: 'style-loader!css-loader?modules'
   }

  • !感叹号是分割符,表示两个工具都参与处理。
  • ?问号,其实跟url的问号一样,就是后面要跟参数的意思。
  • 而modules这个参数呢,就是将css打包成模块。跟js打包是一样的,你不必再担心不同模块具有相同类名时造成的问题了。

Leave a Reply

Your email address will not be published. Required fields are marked *