vue中webpack默认配置_webpack笔记三 Vue项目使用WebPack配置

Vue项目使用WebPack配置

准确的说是vue-cli中使用webpack配置

参考链接

Vue-cli4 生成项目的时候，会自动生成很多配置文件，自带babel语法转换，初始化webpack配置等操作。

vue --version // 查看vue-cli版本

如babel.config.js配置文件

// 默认babel配置

module.exports = {

presets: [

'@vue/cli-plugin-babel/preset'

]

}

// babel.config.js

module.exports = {

presets: [

['@vue/app', {

polyfills: [

'es.promise',

'es.symbol'

]

}]

]

}

Vue-cli默认webpack配置

我使用的Vue-cli4创建的项目，项目根目录下，没有webpack.config.js配置文件。但是可以输出查看

vue inspect // 命令行查看Vue默认webpack配置

vue inspect > output.js // 输出到output.js文件(名字随意)

// 更多关于vue inspect的命令,审查webpack配置语法， 参考以下连接

// https://cli.vuejs.org/zh/guide/webpack.html#