webpack配置路径问题

一般写vue项目，结合vue-cli，webpack使用。

必定会涉及到组件的引用问题

这篇文章主要是教你怎样改文件的路径

首先找到build文件夹下面的webpack.base.conf.js这个文件。

打开这个文件找到这个部分

然后开始修改这个部分

如图：我修改之后的

这样可以缩减文件导入的路径

最后一步，也是最重要的一步，一定要重新进行npm install。

路径才会生效

转载于:https://www.cnblogs.com/zylily/p/9052098.html

webpack配置路径问题相关推荐

js webpack 配置路径_Vue.js学习No.5(WebPack配置二)
学习的内容如下开始当我们需要频繁的修改main.js 我们每次都需要去构建,这样显得很麻烦,webpack .srcmain.js -o .distbundle.js,通过配置文件去配置每次的打包 ...
js webpack 配置路径_vue使用webpack配置路径别名
原始的文件引用方式的缺点要拼写一个巨长无比的字符串,而且每引用一次都要拼写一次. 如果这个文件位置变了,我就要把所有引用它的文件都修改一次. 下面介绍一种很优雅的方式,使用webpack的resolv ...
js webpack 配置路径_webpack中如何设置html引入js的路径
如题所一如分算需上来处一定迹面数一跳这件我子作示,如果webpa新直能分支调二浏页器朋代说,事刚需求ck这样配置 var htmlWebpackPlugin = require('html-webpa ...
webpack打包路径更改_扫盲： Webpack 从扫盲到手撸（上）
鹿哥,作为前端初学者,能不能给扫盲一下 webpack,毕竟这东西在学校项目中用到的少,还是特别想了解一下的. 说起 webpack,小鹿会专门出一个系列,从简单的扫盲到手撸,这是一个过程,只要能踏实 ...
vue webpack 访问php,实例详解vue-cli优化的webpack配置
最近的项目度过了开始忙碌的基建期,也慢慢轻松下来,准备记录一下自己最近webpack优化的措施,希望有温故知新的效果.本文主要介绍了详解基于vue-cli优化的webpack配置,小编觉得挺不错的,现 ...
vue-cli中的webpack配置
编辑模式下显示正常,打开的时候不知道为啥排版有问题. segementfalut链接在这里版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2 ...
vue中webpack默认配置_Vue-cli 中 Webpack 配置优化（一）
一.前言最近一段时间在学习 Webpack 方面的知识.在学习的过程中主要配置的是 webpack.config.js 文件. 但是在 Vue-cli 3.x 下,已经对 Webpack 做了深度的 ...
vue-cli 项目配置路径别名
vue-cli 项目配置路径别名 1.vue-cli 2.x 配置方式在vue-cli 2.x项目中,进入build文件夹,找到webpack.base.conf.js,编辑文件 ,并找到resol ...
结合webpack配置_前端 Webpack 工程化的最佳实践
作者 | 阿里文娱前端开发专家芃苏责编 | 屠敏头图 | CSDN 下载自视觉中国引言 ▐ 前端构建工具的演变回想在2015-2016年的时候,开发者们开始渐渐把视线从大量使用Task Runn ...

webpack配置路径问题

webpack配置路径问题相关推荐

最新文章

热门文章