为什么webpack总是编译成功?
我尝试使用console.log(test),但我没有定义变量test,但是webpack编译成功。
webpack.config.js
module.exports = {
...
module: {
rules: [
{
test: /\.(js|jsx)$/,
include: paths.appSrc,
loader: require.resolve('babel-loader'),
options: {
presets: [
[
require('@babel/preset-env').default,
{
useBuiltIns: 'entry',
corejs: 3,
modules: false,
exclude: ['transform-typeof-symbol'],
},
],
[
require('@babel/preset-react').default,
{
useBuiltIns: true,
},
],
],
plugins: [
[
require('@babel/plugin-proposal-decorators').default,
{ legacy: true },
],
[
require('@babel/plugin-proposal-class-properties').default,
{
loose: true,
},
],
[
require('@babel/plugin-proposal-object-rest-spread').default,
{
useBuiltIns: true,
},
],
[
require('@babel/plugin-transform-runtime').default,
false
],
require('@babel/plugin-syntax-dynamic-import').default,
require('babel-plugin-dynamic-import-node'),
[
require.resolve('babel-plugin-named-asset-import'),
{
loaderMap: {
svg: {
ReactComponent: '@svgr/webpack?-svgo,+ref![path]',
},
},
},
],
].filter(Boolean),
cacheDirectory: true,
}
},
]
},
....
};
我的start.js
const webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
let compiler;
try {
compiler = webpack(config, (err, stats) =>{
const statsData = stats.toJson({
all: false,
warnings: true,
errors: true,
});
// here, i don't understand why get errors: [], ?????
// in fact, Uncaught ReferenceError: test is not defined
console.log(statsData);
});
}
const devServeConfig = {
// some config
}
const devServer = new WebpackDevServer(compiler, devServeConfig);
devServer.listen(3006, 'localhost', err => {
console.log(chalk.cyan('Starting the development server...\n'));
})
开始纱线,我alawys成功了,但是我想得到错误。
忽略: 添加更多详细信息。 添加更多详细信息。 添加更多详细信息。 添加更多详细信息。