使用purifycss-webpack打包，没有报错，打包过后css文件，只有body样式，其他样式都没有了。
2 回答
长安忆
TA贡献1条经验 获得超0个赞
你可以查看一下是不是在webpack中配置 css-loader 的时候，设置了 启用 modules。如果启用了，删除试一下。
下面是我的配置，可以参考一下，希望对你有用。
var path = require('path')
var Webpack = require('webpack')
var PurifyCSS = require('purifycss-webpack')
var glob = require('glob-all')
var ExtractTextWebpackPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: {'app': './src/app.js'},
output: {
path: path.resolve(__dirname, './dist'),
filename: '[name].bundle.js',
publicPath: './dist/'
},
module: {
rules: [
{
test: /\.less$/,
use: ExtractTextWebpackPlugin.extract({
fallback: {
loader: 'style-loader',
options: {
singleton: true,
transform: './css.transform.js'
}
},
use: [
{
loader: 'css-loader'
},
{
loader: 'less-loader'
}
]
})
}
]
},
plugins: [
new ExtractTextWebpackPlugin({filename: '[name].min.css'}),
// PurifyCSS可以配合ExtractTextWebpackPlugin使用，但是需要放在ExtractTextWebpackPlugin的后面
new PurifyCSS({paths: glob.sync([
path.join(__dirname, './index.html'),
path.join(__dirname, './src/app.js')
])
}),
new Webpack.optimize.UglifyJsPlugin()
]
}
- 2 回答
- 0 关注
- 2918 浏览
添加回答
举报
0/150
提交
取消