之前有學習過 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'],
}
如果有幫到你的話,請點個贊吧 ^ # ^ !!!