webpack4使用babel

1,安裝babel

cnpm install --save-dev babel-loader babel-core babel-preset-env

要注意,babel-loader要降級爲7.1.5,否則打包報錯,

2,安裝插件babel-plugin-dynamic-import-webpack

解決webpack動態引入import() 報錯

npm install babel-plugin-dynamic-import-webpack --save-dev

在package.json 的模塊規範做配置

{ 
    test: /\.js/, 
    use: [
            { 
                loader: 'babel-loader', 
                options: 
                {//如果有這個設置則不用再添加.babelrc文件進行配置 
                    "babelrc": false,// 不採用.babelrc的配置 
                    "plugins": [ "dynamic-import-webpack" ] 
                 } 
             }
        ] 
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章