seimeii的博客

第一步 创建vue.config.js文件第二步 添加代码const path = require('path')function resolve(dir) { return path.join(__dirname, dir)}module.exports = { devServer: {}, chainWebpack: (config) => { config.resolve.alias .set('@', resolve('src'))

第一张方法小编是在项目的vue.config.js中配置的，代码如下图所示：//安装path模块const path = require("path");function resolve(dir) { return path.join(__dirname, dir);}module.exports={ devServer:{}, chainWebpack: (config) => { config.resolve.alias .set("@", resolve(

webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。vue-cli3创建的时候并不会自动创建vue.config.js,因为这个是可选项，所以一般都是修改webpack的时候才会自己创建一个vue.co

⽤webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运⾏快速⾼效。压缩代码:删除多余的代码、注释、简化代码的写法等等⽅式。可以利⽤webpack的 UglifyJsPlugin 和 ParallelUglifyPlugin 来压缩JS⽂件， 利⽤ cssnano （css-loader?minimize）来压缩css利⽤CDN加速: 在构建过程中，将引⽤的静态资源路径修改为CDN上对应的路径。可以利⽤webpack对于 output 参数和各loader