在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack 保存時(shí)css自動(dòng)編譯了，但是頁面沒有變化

webpack 保存時(shí)css自動(dòng)編譯了，但是頁面沒有變化

使用的是extract-text-webpack-plugin，分離css，我現(xiàn)在是想修改css的時(shí)候頁面能夠自動(dòng)編譯并且刷新顯示我修改了后的樣式，經(jīng)過查資料使用了css-hot-loader，但是還是沒有效果，每次保存的時(shí)候也有自動(dòng)編譯css文件，但是就是沒有變化。現(xiàn)在就是如果我修改了css，都要重新webpack一遍，才能看到變化。我的webpack中關(guān)于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
        }),
回答
編輯回答
櫻花霓

以下是我的配置，可以參考，我覺得應(yīng)該是配置寫錯(cuò)了

module 部分相關(guān)代碼

module: {
    rules: [
      {
        test: /.styl$/,
        use: ExtractTextPlugin.extract({
          publicPath: '../',
          fallback: 'style-loader',
          use: [
            {
              loader: 'css-loader',
              options: {
                minimize: true
              }
            },
            {
              loader: 'postcss-loader',
              options: {
                sourceMap: true,
                plugins: [ autoprefixer ]
              }
            },
            'stylus-loader'
          ]
        })
      }
    ]
  }

plugins 部分相關(guān)代碼

plugins: [
    new ExtractTextPlugin({
      filename: 'stylesheets/[sha512:contenthash:base64:8].css'
    })
  ]
2018年5月19日 14:10
編輯回答
淚染裳

樓主沒配置熱更新吧，可以觀閱下我剛上傳到github的webpack簡(jiǎn)易教程，在搭建本地服務(wù)器那篇有講到，要是覺得有用的話，別忘了給個(gè)star～

2018年4月2日 18:02
編輯回答
尐潴豬

沒用webpack-dev-server吧

2017年11月12日 01:53