创建项目后我的vue.config.js只有一行
lintOnSave: false,
然后加入配置
var path = require('path'); //需要导入path 否则项目启动有问题 path is not defined
module.exports = {
devServer: { //热启动 修改完成后自动更新
// host: "localhost",
/* 本地ip地址 */
//host: "192.168.0.131",
host: "0.0.0.0", //局域网和本地访问
port: "8080",
hot: true,
/* 自动打开浏览器 */
open: false,
},
lintOnSave: false, //建了项目就有 :!
chainWebpack: config => {
const imagesRule = config.module.rule('images');
imagesRule.uses.clear() //清除原本的images loader配置
imagesRule
.test(/\.(jpg|gif|png|svg)$/)
.exclude
.add(path.join(__dirname,"../node_modules")) //不对node_modules里的图片转base64
.end()
.use('url-loader')
.loader('url-loader')
.options({name:"img/[name].[hash:8].[ext]",limit: 1})
}
}
参考官方网址:参考网址vueCli exclude