webpack3.3.0 用了extract-text-webpack-plugin 之后 编译不报错 但是保存自动刷新后报错

Question

错误提示：manifest.a825d.js:147 TypeError: __webpack_require__(...) is not a function
rules: [

{
    test: /\.css$/,
    use: ExtractTextPlugin.extract({
        fallback: "style-loader",
        use: "css-loader"
    })
},
...

],
下面这样不用这个插件就一切正常
rules: [

{
    test: /\.css$/,
    use: ['style-loader', 'css-loader']
},
...

],

Answer 1

我是这样写的

let extractCSS = new ExtractTextPlugin('static/css/[name].[hash].css')

{
   test: /\.css$/,
   loader: extractCSS.extract('style', 'css?importLoaders=1!postcss')
},

plugins: [
    // 插件顺序决定生成的css的引入顺序，涉及样式覆盖
    extractCSS
  ],

先在最顶部声明，中间那个!postcss删除，最后要在plugins（和entry同级属性）注册下
供参考

Answer 2

我也遇到同样的问题，大家怎么解决的。

Answer 3

webpack3 dev环境不支持提取css文件