修改vue+webpack run build的路径方法


Posted in Javascript onSeptember 01, 2018

vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的config文件夹,打开该文件夹下的index.js文件,默认如下:

// see http://vuejs-templates.github.io/webpack for documentation.
var path = require('path')

module.exports = {
 build: {
 env: require('./prod.env'),
 index: path.resolve(__dirname, '../dist/index.html'),
 assetsRoot: path.resolve(__dirname, '../dist'),
 assetsSubDirectory: 'static',
 assetsPublicPath: '/',
 productionSourceMap: true,
 // Gzip off by default as many popular static hosts such as
 // Surge or Netlify already gzip all static assets for you.
 // Before setting to `true`, make sure to:
 // npm install --save-dev compression-webpack-plugin
 productionGzip: false,
 productionGzipExtensions: ['js', 'css'],
 // Run the build command with an extra argument to
 // View the bundle analyzer report after build finishes:
 // `npm run build --report`
 // Set to `true` or `false` to always turn it on or off
 bundleAnalyzerReport: process.env.npm_config_report
 },
 dev: {
 env: require('./dev.env'),
 port: 8080,
 autoOpenBrowser: true,
 assetsSubDirectory: 'static',
 assetsPublicPath: '/',
 proxyTable: {},
 // CSS Sourcemaps off by default because relative paths are "buggy"
 // with this option, according to the CSS-Loader README
 // (https://github.com/webpack/css-loader#sourcemaps)
 // In our experience, they generally work as expected,
 // just be aware of this issue when enabling this option.
 cssSourceMap: false
 }
}

其中build.index:必须是本地文件系统上的绝对路径。会生成index.html文件。

build.assetsRoot:必须是本地文件系统上的绝对路径。

build.assetsSubDirectory:编译出来的资源文件。

build.assetsPublicPath:【资源的根目录】,这是通过http服务器运行的url路径。默认情况下,是根目录(/)。如果后台对静态资源url前缀要求,则需要改变这个路径。

build.productionSourceMap:在构建生产环境版本时是否开启source map。

以上这篇修改vue+webpack run build的路径方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
May 09 Javascript
javascript下拉列表菜单的实现方法
Nov 18 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
jQuery动态产生select option下拉列表
Mar 15 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
浅谈Three.js截图并下载的大坑
Nov 01 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
May 23 Javascript
MutationObserver在页面水印实现起到的作用详解
Jul 07 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 #Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 #Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 #Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 #Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 #Javascript
vue解决使用webpack打包后keep-alive不生效的方法
Sep 01 #Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 #Javascript
You might like
用PHP写的MySQL数据库用户认证系统代码
2007/03/22 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
javascript 验证日期的函数
2010/03/18 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
JavaScript链式调用实例浅析
2018/12/19 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
JS实现电脑虚拟键盘打字测试
2020/06/24 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
进一步了解Python中的XML 工具
2015/04/13 Python
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
在python中对变量判断是否为None的三种方法总结
2019/01/23 Python
win10系统Anaconda和Pycharm的Tensorflow2.0之CPU和GPU版本安装教程
2019/12/03 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
使用python实现学生信息管理系统
2021/02/25 Python
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
怎么写好自荐信
2013/10/30 职场文书
《记金华的双龙洞》教学反思
2014/04/19 职场文书
审计班子对照检查材料
2014/08/27 职场文书
反四风对照检查材料
2014/09/22 职场文书
党小组鉴定意见
2015/06/02 职场文书
开学第一周总结
2015/07/16 职场文书
2016高考寄语集锦
2015/12/04 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
导游词之湖北武当山
2019/09/23 职场文书
爱国之歌(8首)
2019/09/29 职场文书