- 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打包是一样的,你不必再担心不同模块具有相同类名时造成的问题了。