那天我看了四十四次日落
关于常用路径可在 webpack 中注册以避免代码中过长的引入路径的思考
在进行大型项目的时候，文件里面套文件，层叠太多，会导致引入的文件名过长。过长。。。是吧，就不美了。那么问题来了，怎么解决？
一、对于模块引用路径
我们可以采取这样的措施，在webpack里面注册常用路径，并且定义别名路径会被缓存，有利于webpack更快查找依赖，截图如下：
这是一种方法，适合于模块引用路径的。
二、针对应用上线后方便的更改接口，不需要再次打包的方法
先说一下代价：应用启动时需要发一次请求确定接口配置。注意在接口不会变化的情况下，是没有这种需求的。
1.创建一个public.js文件，公共变量是这样：$.urlContent="http://"+window.location.host+"/consultation_market/";
在其他地方使用ajax是，就这样使用：
var url=$.urlContent+"member/front/findCurrentMember";
type:"get",
dataType:"json",
contentType:"application/charset=utf-8"……})这样的话每次修改都得打包一次，接着往下做，不用这么麻烦了，只需修改步骤2中的文件就好了，往下看
2.创建config.json文件，并将其放在根目录下，内容如下：
"urlContent":"http://www.dtvalue.com/consultation_maeket/"
这时候public.js的代码为：
$.urlContent="http://"+window.location.host+"/consultation_market/";
url:‘config.json‘,
async:false,
type:‘get‘,
success:function(rs){
if(rs.urlContent){
$.urlContent=rs.urlC
在这里，$.ajax要改为同步，而不是异步，即 async改为false。
参考http://www.bubuko.com/infodetail-1245086.html
vuejs webpack模板里import路径中@符号是什么意思以及不能自动刷新解决方法
webpack打包，配置路径
使用webpack打包的后，公共请求路径的配置问题
Webpack中使用相对路径定义别名
Webpack 性能优化 （一）（使用别名做重定向）
使用webpack配置文件或目录别名
webpack中alias别名配置
webpack -- 资源和css中图片引用打包为相对路径的方案
在webpack的less中使用绝对路径import
Webpack打包常见问题与报错
没有更多推荐了，webpack 使用别名（resolve.alias）解决scss @import相对路径导致的问题
时间： 15:49:50
&&&& 阅读：1171
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&webpack.conf.js 中&resolve.alias 配置
resolve: {
extensions: [‘.js‘, ‘.vue‘],
‘@‘: 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 ‘./../../../scss/mixin.scss‘;
// 现在可以这样写，注意是
@import ‘/icon.scss‘;
问题与背景
在 *.vue 中的 style 标签中，我使用 @import 引入 icon.scss 样式。由于icon需要依赖一个font/woff/ttf。而 icon.scss 和 font 文件夹是同一目录的。
而Alert.vue却和它们不同目录。那这时候编译会发生什么呢？报错~
&原因和流程可能是这样的：vue将icon.scss引入后，再想引入font的时候，却发现在vue的目录中找不到font这个文件夹，所以报错了。
&解决方法，是结合webpack的resolve.alias来配置绝对路径。
顺便一提，如果你在js中引用scss，就不会导致这种错误。但在js中导入css总觉得怪怪的。
import ‘@scss/icon.scss‘
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文地址：https://www.cnblogs.com/CyLee/p/8438824.html
&&国之画&&&& &&&&chrome插件
版权所有 京ICP备号-2
迷上了代码！404 Not Found
The requested URL /q/2950 was not found on this server.webpack中alias配置中的“@”是什么意思-
webpack中alias配置中的“@”是什么意思
作者：匿名 &&&&&投稿日期：
++++++++++++
只是一个别名而已。这里设置别名是为了让后续引用的地方减少路径的复杂度。 //例如 src - com...
Sims2PackInstaller_v1514.exe 用安装Sims2Pack工具 用整理安装东...
1. 为什么用 webpack? 他像 Browserify, 但是将你的应用打包为多个文件. 如果...}