Question

这是我的手表配置：

var webpack = require('webpack')
var ExtractTextPlugin = require('extract-text-webpack-plugin')

var extractStyl = ExtractTextPlugin.extract(
  'style',
  'css?modules&localIdentName=[name]-[local]-[hash:base64:5]!stylus'
)


module.exports = {
  entry: './src/main.ts',

  output: {
    filename: 'main.js',
    path: './public/'
  },

  module: {
    loaders: [
      { test: /\.ts(x?)$/, loader: 'ts', exclude: /node_modules/ },
      { test: /\.styl$/, loader: extractStyl }
    ]
  },

  resolve: {
    extensions: ['', '.js', '.ts']
  },

  devtool: 'inline-source-map',

  plugins: [
    new ExtractTextPlugin('style.css')
  ]
}

每当我进行样式更改时，都会重新创建javascript和css输出。但是我有时会使用可以热重新加载css更改的browsersync，但由于javascript输出总是用css更新（即使输出完全相同，文件也会更改），它决定完全重新加载页面。

如何更改.styl不会对js输出执行null更新？我怀疑这是因为我只有一个块。

Answer 1

使用此解决方法：https://github.com/webpack/webpack/issues/1530#issuecomment-179711478

虽然如果某人有更好，更惯用的方式，我肯定会尝试。

如果仅改变样式，则防止JS块的重新生成

1 个答案: