Webpack 本身工作正常,但 webpack-dev-server 却不行。基本上,webpack 为我创建了 2 个构建文件,一个后端包和一个前端包。因此,我为每一个都有一个 webpack-config.js。我想使用 webpack-dev-server 开发我的前端代码,正如您可以从下面我的 front-end-bundle.js 的 webpack-config 文件中看到的那样。当我运行 web-pack-dev 服务器时,它能够找到并构建我的 front-end.js 和 index.html,但控制台中没有呈现任何内容,它给了我一个“未捕获的引用错误:未定义要求”
// var nodeExternals = require('webpack-node-externals');
var webpack = require('webpack');
module.exports = {
entry: './browser/entry.js',
output: {
path: './builds',
filename: 'frontend.js'
},
plugins: [
new webpack.DefinePlugin({
'process.env.NODE_ENV': '"development"'
}),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': '"development"'
}
})
],
module: {
loaders: [
{
test: [/\.es6$/, /\.js$/, /\.jsx$/],
exclude: 'node_modules',
loader: 'babel-loader',
query: {
presets: ['react', 'es2015', 'stage-1']
}
},
{
test: /\.json$/,
loader: 'json-loader'
},
{
test: /\.html$/,
loader: 'html-loader'
},
]
},
resolve: {
extensions: ['', '.js', '.es6', '.json'],
root: '/Users/johnhenry/Desktop/GAMR/gamr/browser'
},
devServer: {
contentBase: 'builds/dev-build'
},
target: 'node',
// externals: [nodeExternals()]
}
在我的前端构建中,该错误是由此触发的(仅在开发服务器构建中,不在非开发服务器 webpack 构建中):
function(module, exports) {
module.exports = require("url");
如果有人对此有见解,将不胜感激