账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack 保存时css自动编译了,但是页面没有变化
    23
    0

    使用的是extract-text-webpack-plugin,分离css,我现在是想修改css的时候页面能够自动编译并且刷新显示我修改了后的样式,经过查资料使用了css-hot-loader,但是还是没有效果,每次保存的时候也有自动编译css文件,但是就是没有变化。现在就是如果我修改了css,都要重新webpack一遍,才能看到变化。我的webpack中关于css的配置如下:

    module: {
            loaders: [{
                test: /\.css$/,
                exclude: /node_modules/,
                use: ['css-hot-loader'].concat(ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: 'css-loader'
                }))
            }
        },
    new ExtractTextPlugin('static/css/style.css'),
            new OptimizeCssAssetsPlugin({
                assetNameRegExp: /\.css$/g,
                cssProcessor: require('cssnano'),
                cssProcessorOptions: {
                    discardComments: {
                        removeAll: true
                    }
                },
                canPrint: true
            }),
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部