之前有学习过 webpack,但是不用总会忘记。就非常想要自己利用 webpack 来搭建,然后直接安装了最新的 webpack5
进行了 .css .vue .js 的编写和引入,
一步步配置 webpack.config.js ,在 chrome 中可以浏览:
但是 ie 中不行,包含 css 样式、vue 文件都没有用,找了大半天,只看到调试报错 :
=》 打包文件还存在箭头函数
然后添加 babel-polyfill(npm install --save-dev babel-polyfill babel-loader babel-core babel-preset-env babel-preset-es2015
)
webpack:
entry: {
// main: ['babel-polyfill', './src/page1/index.js'],
}
{ test: /\.js$/, use: 'babel-loader' }
js :
import 'babel-polyfill'
.babelrc:
{
"presets": [
"es2015"
]
}
但是还是有箭头函数,报错的位置都一样!!
实在没有头绪,最后直接搜索 webpack 打包之后还有箭头函数
,找到问题所在
=》 是webpack版本问题,用 webpack4 或者 在 webpack 配置文件中加上这个配置即可
module.exports = {
target: ['web', 'es5'],
}
如果有帮到你的话,请点个赞吧 ^ # ^ !!!
网友评论