升级4.x遇到的问题

Question

好像style-loader跟
optimization不能共存？

rules: [{
            test: /\.css$/,
            // use: [{
            //         loader:WEBPACK_ENV!=='production'?MiniCssExtractPlugin.loader:"style-loader",
            //     },
            //     "css-loader"
            // ]
            use: [
                "style-loader",
                "css-loader"
            ]
            // use: [{
            //         loader: "style-loader/url"
            //     },
            //     {
            //         loader: "css-loader"
            //     }
            // ]
        }

设置css的loader然后设置

    optimization: {
        runtimeChunk: false,
        splitChunks: {
            // cacheGroups: {
            //     common: {
            //         name: "common",
            //         chunks: "all",
            //         minChunks: 2
            //     }
            // }
        }
    },

就会导致没有样式，而如果不使用optionzation就没有事情

Answer 1

Rosen 2018-09-10 08:56:38

没遇到这个问题，和webpack@4.x 那个包对比下，代码出问题的可能性比较大

• 提问者 李行知 #1

  对比之下没有使用ExtractTextPlugin而是使用了官方推荐的MiniCssExtractPlugin，但是在以上的使用的过程中，也没有使用MiniCssExtractPlugin，而是直接使用了两个loader

• 提问者 李行知 #2

  非常感谢！