为了账号安全,请及时绑定邮箱和手机立即绑定

使用purifycss-webpack打包,没有报错,打包过后css文件,只有body样式,其他样式都没有了。

/ 猿问

使用purifycss-webpack打包,没有报错,打包过后css文件,只有body样式,其他样式都没有了。

qq_wing_1 2018-06-29 17:26:26

 使用purifycss-webpack打包,没有报错,打包过后css文件,只有body样式,其他样式都没有了。


查看完整描述

3 回答

?
白木幽幽

https://img4.mukewang.com/5ce3cb1b0001e10a06130090.jpg

这个地方的地址要根据自己的文件结构填写;

我就是犯了这个错误,打包不出错,样式啥的进不去;根本原因还是 html 没有找到

查看完整回答
反对 回复 2019-05-21
?
啃计划
    new PurifyCSSPlugin({
        // Give paths to parse for rules. These should be absolute!
        paths: glob.sync(path.join(__dirname, 'app/*.html')),
    })

上面这是npm上官方都代码。你现在都问题是paths配置错误。检查html文件目录有没有配对。例如官方配的是app目录下

查看完整回答
反对 回复 2018-09-05
?
长安忆

你可以查看一下是不是在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()
   ]
}


查看完整回答
反对 回复 2018-08-21

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信