前端VUE+H5项目图片目录配置

145 阅读1分钟
  1. yarn global add @vue/cli  搭建项目
  2. 在项目根目录下新建vue.config.js文件
  3. 拷入以下代码进行配置

const path = require("path");function resolve(dir) {  return path.join(__dirname, dir);}module.exports = {  // 跨域本地代理配置  devServer:{    disableHostCheck: true,  },  lintOnSave: true,  chainWebpack: config => {    config.resolve.alias.set("@img", resolve("src/images"))    .set("@components", resolve("src/components"))    .set("@views", resolve("src/views"))  },  baseUrl: process.env.NODE_ENV === 'production' ? './' : '/',}