Webpack 2 提取文本插件 entrypoints.length 问题
Webpack 2 extract text plugin entrypoints.length issues
我在升级到 webpack 2 和提取文本插件时遇到问题。我有开发版本(没有这个插件)工作,我看不出有什么不同。我得到的错误是
node_modules\webpack\lib\Chunk.js:62
return this.entrypoints.length > 0;
TypeError: Cannot read property 'length' of undefined
我有 gulp 运行 webpack 2 和这个用于单个 css 文件的插件。这是我的 webpack 配置的主要部分(如果需要我很乐意提供):
...
modules: { rules :[ ... {
test: /\.scss/,
exclude: /node_modules/,
use: [
"style-loader?sourceMap",
{
loader: "css-loader",
options: {
minimize: true,
modules: true,
importLoaders: true,
localIdentName: "[path]___[name]__[local]___[hash:base64:5]",
},
},
{
loader: "postcss-loader",
options: { ...postCSSConfig },
},
{
loader: "sass-loader",
options: { includePaths: [path.join(process.cwd(), "src", "Styles", "Includes")] },
},
],
}, ]},
plugins: [
new ExtractTextPlugin({
filename: "[contenthash].css",
allChunks: true,
}), ...
我正在使用以下版本:
Webpack: 2.3.3
提取文本插件:2.0.1
编辑:这是我的切入点,
context: path.resolve(process.cwd(), "./src/"),
entry: [
"babel-polyfill",
"whatwg-fetch",
"Boot",
],
devtool: "eval",
resolve: {
modules: ["src", "node_modules"],
extensions: [".js", ".jsx"],
},
任何想法都会很棒。
提前致谢。
根据 docs,您还必须为加载样式创建适当的规则。
请看一下,这是我的规定。如果对您有帮助,请告诉我。
{
test: /\.(scss|css)$/,
exclude: /node_modules/
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'postcss-loader', 'sass-loader']
})
}
无论如何,我没能在 sourceMaps 中使用 ExtractTextPlugin
,所以我无法为您提供将此插件与 source maps 一起使用的解决方案。
我在升级到 webpack 2 和提取文本插件时遇到问题。我有开发版本(没有这个插件)工作,我看不出有什么不同。我得到的错误是
node_modules\webpack\lib\Chunk.js:62
return this.entrypoints.length > 0;
TypeError: Cannot read property 'length' of undefined
我有 gulp 运行 webpack 2 和这个用于单个 css 文件的插件。这是我的 webpack 配置的主要部分(如果需要我很乐意提供):
...
modules: { rules :[ ... {
test: /\.scss/,
exclude: /node_modules/,
use: [
"style-loader?sourceMap",
{
loader: "css-loader",
options: {
minimize: true,
modules: true,
importLoaders: true,
localIdentName: "[path]___[name]__[local]___[hash:base64:5]",
},
},
{
loader: "postcss-loader",
options: { ...postCSSConfig },
},
{
loader: "sass-loader",
options: { includePaths: [path.join(process.cwd(), "src", "Styles", "Includes")] },
},
],
}, ]},
plugins: [
new ExtractTextPlugin({
filename: "[contenthash].css",
allChunks: true,
}), ...
我正在使用以下版本:
Webpack: 2.3.3
提取文本插件:2.0.1
编辑:这是我的切入点,
context: path.resolve(process.cwd(), "./src/"),
entry: [
"babel-polyfill",
"whatwg-fetch",
"Boot",
],
devtool: "eval",
resolve: {
modules: ["src", "node_modules"],
extensions: [".js", ".jsx"],
},
任何想法都会很棒。 提前致谢。
根据 docs,您还必须为加载样式创建适当的规则。
请看一下,这是我的规定。如果对您有帮助,请告诉我。
{
test: /\.(scss|css)$/,
exclude: /node_modules/
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'postcss-loader', 'sass-loader']
})
}
无论如何,我没能在 sourceMaps 中使用 ExtractTextPlugin
,所以我无法为您提供将此插件与 source maps 一起使用的解决方案。