javascript - webpack 打包css问题
typecho
typecho 2017-07-05 10:43:58
0
1
990

我在配置webpack的时候,关于css这块是这样设置的loader: 'style-loader!css-loader?modules'

可以使不同模块之间的样式命名不会冲突,但是这样设置之后,我引入的外部css样式,就不被打包,不能显示了,请问是什么问题

typecho
typecho

Following the voice in heart.

全部回复 (1)
大家讲道理

将css分为需要打包的和不需要打包的,一般需要打包的css源文件都是预处理文件,比如以.less,.scss,.styl结尾的文件等等,可以对这部分需要打包的文件进行webpack配置,而对.css后缀的文件不作css module处理。

示例:

{ test: /\.pcss$/, use: [ 'style-loader', { loader: 'css-loader', options: { camelCase: true, importLoaders: 1, localIdentName: '[path][name]---[local]---[hash:base64:5]', modules: true, }, }, { loader: 'postcss-loader', options: { plugins: () => [ require('postcss-import')({ path: path.join(baseDir, './src/style'), }), require('postcss-cssnext'), require('postcss-nested'), require('postcss-functions')({ functions: { // any funcs you wanna }, }), ], }, }, ], }, { test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [ 'css-loader', ], }), },
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!