Я играю с Babel и Webpack.Я пытаюсь перенести мой js-скрипт, но я получил пустой js-файл в качестве вывода при производстве.
Я попробовал страницу babeljs.io, и когда я минимизировал, я получил ошибку https://babeljs.io/repl#?babili=true&browsers=IE%20%3E%3D%2011&build=&builtIns=false&spec=false&loose=false&code_lz=GYVwdgxgLglg9mABADwBQEpEG8BQjEBOAplCAUsogFSICMADANw4C-QA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=true&timeTravel=false&sourceType=module&lineWrap=true&presets=babili%2Cenv&prettier=false&targets=&version=7.4.5&externalPlugins=
ТамЭто также ошибка для этого.https://github.com/babel/website/issues/1868
Что я могу сделать, чтобы перенести и минимизировать файл js с помощью веб-пакета и babel
Я пробовал разные версии babel, разные пресеты и настройки
Здесьmy 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": {}
}
(я использую preset-env) в моем .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/
}
],
}
};
ifя запускаю скрипт npm run build:dev
, мой файл будет скомпилирован.Но npm run build
я получаю пустой JS-файл в моей папке dist без сообщения об ошибке.Кажется, что babel minfier ломает файл.
Я ожидаю, что файл js будет перенесен и уменьшен.