webpack.conf.js 中 resolve.alias 配置resolve: {extensions: [‘.js‘, ‘.vue‘],alias: {‘@‘: path.resolve(__dirname, ‘src‘),‘@scss‘: path.resolve(__dirname, ‘src‘, ‘scss‘),} }配置了resolve.alias 后，在js中我们可以这样用// 原本这样写 import hongAlert from ‘./../src/scss/icon.scss‘// 现在可以这样写 import hongAlert from ‘@scss/icon.scss‘在scss中需要这样写，注意是~@// 原本这样写 @import ...
一般vue使用webpack打包是整个工程的根目录，但是很多情况下都是把vue打包后的文件在某子目录下。 修改： 1，打开index.jsassetsPublicPath:/改为： assetsPublicPath: ./2.解决css里面的路径问题，打开utils.js添加红色框参数即可； publicPath: ../../以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。