好多新手对webpack中的路径一直感到迷茫，其实再学习webpack之前都应该去了解下nodejs的内容， 以为webpack就是个nodejs项目，所以里面涉及到的路径都是nodejs里面的写法
{

  output: {

    filename: 'bundle.js',  //这里只能是相对路径或者单个文件名称

    path: __dirname + '/build'  //这里需要是绝对路径 比如 path.resolve(__dirname, '../build')

  }

}
// output 里面涉及到的其他 比如 chunkFilename 都和 path 一样都是相对路径


												


											
关于webpack一些路径的更多相关文章
	

    
						
  1. webpack——publicPath路径问题
		
    output: { filename: "[name].js", path:path.resolve(__dirname,"build") } 如果没有指定pu ...
    
		
    2. 
						
  2. webpack配置路径及hash版本号，利用html-webpack-plugin自动生成html模板
		
    在项目中,因为需要经常更新文件,但是浏览器缓存问题导致js文件不是最新的,所有想办法添加hash值. 并配置webpack打包文件配置路径: 配置webpack打包文件路径,及非入口 chunk文件: ...
    
		
    3. 
						
  3. webpack中路径的理解
		
    webpack 前端打包工具, 开发人员要面对的路径主要是: 打包前的路径(开发环境路径)和打包后的路径(生产环境路径) 在webpack.config.js中配置的output.path, outp ...
    
		
    4. 
								
  4. 基于webpack的vue项目路径别名
		
    在vue的项目里,我们可以使用../这样的相对路径的方式引用不同目录的组件: import userinfo from '../../../components/userinfo.vue'; 使用.. ...
    
		
    5. 
						
  5. webpack笔记_(2)_Refusing to install webpack as a dependency of itself
		
    安装webpack时,出现以下问题: Refusing to install webpack as a dependency of itself npm ERR! Windows_NT npm ERR ...
    
		
    6. 
						
  6. vue-cli的webpack模板项目配置文件分析
		
    由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修 ...
    
		
    7. 
						
  7. .23-浅析webpack源码之事件流compilation(1)
		
    正式开始跑编译,依次解析,首先是: compiler.apply( new JsonpTemplatePlugin(options.output), // start new FunctionModu ...
    
		
    8. 
						
  8. vue-cli的webpack模版项目配置解析
		
    上一篇文章已经分析了build/dev-server.js,里面使用到了其他config文件. 那么我们这篇文章,按着dev-server.js的使用顺序,来分析下其他文件. 首选,调用check-v ...
    
		
    9. 
						
  9. 前端工程化（二）---webpack配置
		
    导航 前端工程化(一)---工程基础目录搭建 前端工程化(二)---webpack配置 前端工程化(三)---Vue的开发模式 前端工程化(四)---helloWord 继续上一遍的配置,本节主要记录 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. HCW 19 Team Round (ICPC format) H  Houston, Are You There?（极角排序）
			
    题目链接:http://codeforces.com/gym/102279/problem/H 大致题意: 你在一个定点,你有个长度为R的钩子,有n个东西在其他点处,问你能勾到的东西的数量是多少? 思 ...
    
			
    2. 
						
  2. mkdir无法创建目录权限不够
			
    https://idc.wanyunshuju.com/cym/40.html 由于在公司服务器上权限问题比较复杂,我们解决这个问题是寻求服务器端人员的意见.让他们授予权限/.
    
			
    3. 
						
  3. 一些识别CMS的经验方法总结
			
    今天学到了一些识别CMS的快速方法,也算是一种信息收集经验的积累,在这里要感谢一下我的同事“gakki的童养夫”对我的大力支持. 如何判断网站的CMS? robots.txt文件 robots.txt ...
    
			
    4. 
						
  4. 并发编程（五）——GIL全局解释器锁、死锁现象与递归锁、信号量、Event事件、线程queue
			
    GIL.死锁现象与递归锁.信号量.Event事件.线程queue 一.GIL全局解释器锁 1.什么是全局解释器锁 GIL本质就是一把互斥锁,相当于执行权限,每个进程内都会存在一把GIL,同一进程内的多 ...
    
			
    5. 
						
  5. 在webpack开发中利用bootstrap4中的字体图标
			
    在webpack项目开发中,难免会需要一些图标,如果用到bootstrap4的话,就会碰到一些问,因为bootstrap 4.x版本把icon分离出来作为一个单独的项目open-iconic,所以cn ...
    
			
    6. 
						
  6. 2014  mathtype分块列向量输入  PPT动画制作
			
    1.mathtype分块列向量的输入 http://zhidao.baidu.com/link?url=pV7TazWe-Ld5qgxNcJCQdRaA8ILEgmXRP211F5U0Cst0xNfU ...
    
			
    7. 
						
  7. Excel简单应用
			
    数据透视表的简单应用 LEN.LENB MID LEFT,RIGHT CONCATENATE 和 & TRIM(去掉前后空格) 和 SUBSTITUDE(去空格,包括字符串之间的空格) FIN ...
    
			
    8. 
						
  8. python数据结构之快速排序
			
    def quick_sort(nums): if not nums: return [] else: # 这里取第0个数为基点 flag = nums[0] # 小于flag 的放到左边 left = ...
    
			
    9. 
						
  9. XVIII Open Cup named after E.V. Pankratiev. GP of SPb
			
    contest Link A. Base i − 1 Notation solved by sdcgvhgj 238 求出a+b的2进制后从低位到高两位两位地转化为i-1进制 i-1进制的第2k位和第 ...
    
			
    10. 
						
  10. spring boot jpa 多表关联 @OneToOne @OneToMany @ManyToOne@ManyToMany
			
    1.一对一关联 @OneToOne import lombok.Data; import javax.persistence.*; /** * @Author: GWL * @Description: ...
    
			
    11.