我正在尝试通过WebPack在浏览器中使用node_modules。我已经阅读了教程和开始的步骤,但卡住了。
我使用webpack生成bundle.js,webpack配置如下,在Chrome浏览器中转到index.html时,我收到错误:Uncaught ReferenceError: require is not defined at Object.<anonymous> (bundle.js:205)
我还需要执行哪些步骤才能重新识别浏览器?
- 索引. html**
<script src="bundle.js"></script>
<button onclick="EntryPoint.check()">Check</button>
- 索引. js**
const SpellChecker = require('spellchecker');
module.exports = {
check: function() {
alert(SpellChecker.isMisspelled('keng'));
}
};
- 包. json**
{
"name": "browser-spelling",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"node-loader": "^0.6.0",
"spellchecker": "^3.3.1",
"webpack": "^2.2.1"
}
}
- 网络包配置js**
module.exports = {
entry: './index.js',
target: 'node',
output: {
path: './',
filename: 'bundle.js',
libraryTarget: 'var',
library: 'EntryPoint'
},
module: {
loaders: [
{
test: /\.node$/,
loader: 'node-loader'
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015']
}
}
]
}
};
1条答案
按热度按时间wpx232ag1#
在
webpack.config.js
中,您指定要为Node.js构建此包:webpack决定保留
require
调用,因为Node.js支持它们,如果你想在浏览器中运行它,你应该使用target: 'web'
。