升级后Webpack 2代码未运行
我们已经使用Webpack1.x一段时间了,没有任何问题。今天我按照迁移说明升级到了2.4.1,一切似乎都很好。升级后,虽然没有一个网页代码工作。我没有收到任何错误。只是什么都没有显示出来。组件应该渲染的div为空 因此,我添加了一些应该运行的console.log,但控制台中没有显示任何内容。然后我找到了那些console.logs并添加了断点,并且确信由于某种原因代码没有运行 以下是升级后的webpack.config.js文件内容:升级后Webpack 2代码未运行,webpack,webpack-2,Webpack,Webpack 2,我们已经使用Webpack1.x一段时间了,没有任何问题。今天我按照迁移说明升级到了2.4.1,一切似乎都很好。升级后,虽然没有一个网页代码工作。我没有收到任何错误。只是什么都没有显示出来。组件应该渲染的div为空 因此,我添加了一些应该运行的console.log,但控制台中没有显示任何内容。然后我找到了那些console.logs并添加了断点,并且确信由于某种原因代码没有运行 以下是升级后的webpack.config.js文件内容: var webpack = require("webpa
var webpack = require("webpack");
var path = require("path");
module.exports = {
entry: {
index: './index.jsx'
},
output: {
path: path.join(__dirname, 'js'),
filename: '[name].js'
},
module: {
rules: [
{
test: /\.jsx$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
babelrc: false,
presets: [
'react',
'stage-0'
]
}
},
{
test: /\.css$/,
use: [
"style-loader",
"css-loader"
]
}
]
},
resolve: {
extensions: [ '.js', '.jsx', '.css' ],
alias: {
"notification-js-root": __dirname + "/node_modules/notification-js"
}
},
plugins: [
new webpack.optimize.CommonsChunkPlugin('init.js')
]
};
好的,在花了几个小时试图修复这个问题后,我发现webpack.optimize.commonchunkplugin在webpack的第2版中发生了更改。它会自动将.js附加到您使用的文件名中 因此,它生成了一个init.js.js文件,我加载了Webpack1生成的旧init.js文件,这显然不会导致加载后续代码,也不会显示任何错误
所以这就解决了它:
newwebpack.optimize.commonChunkPlugin('init')
webpack的文档、错误消息和配置是出了名的糟糕=\