我正在玩babel和webpack。我尝试转换我的js脚本,但在生产时输出了一个空的js文件。
还有一个Bug。 https://github.com/babel/website/issues/1868
我该怎么做才能使用webpack和babel转换并缩小js文件
我尝试了不同版本的babel,不同的预设和设置
这是我的package.json
{
"name": "cookie",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build:dev": "webpack -d --profile --progress",
"build": "webpack --mode=production -p",
"watch": "webpack --watch",
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/cli": "^7.4.4",
"@babel/core": "^7.4.5",
"@babel/preset-env": "^7.4.2",
...
"webpack": "^4.32.2",
"webpack-cli": "^3.3.2"
},
"dependencies": {}
}
(我正在使用.babelrc中的预设环境)
webpack.config.js
const path = require('path');
module.exports = {
entry: {
'bundle.min.css': [
path.resolve(__dirname, 'src/scss/index.scss'),
],
'bundle.js': [
path.resolve(__dirname, 'src/js/index.js')
]
},
output: {
filename: '[name]',
path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
{
test: /\.js$/,
use: 'babel-loader',
exclude: /node_modules/
}
],
}
};
如果我运行npm run build:dev
脚本,则将编译我的文件。
但是在npm run build
上,我的dist文件夹中得到一个空的js文件,没有错误消息。
看来Babel Minfier正在破坏文件。
我希望转译并缩小的js文件。