好多新手对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. 并发编程（六）——进程/线程池、协程、gevent第三方库
			
    进程/线程池.协程.gevent第三方库 一.进程/线程池 1.进程池 (1)什么是进程池 如果需要创建的子进程数量不大,可以直接利用multiprocess中的Process来创建.但是当需要创建上 ...
    
			
    2. 
						
  2. centos7.4 系统优化
			
    static 表示该服务与其他服务相关联,不能单独设置该服务的启动状态 disabled 表示禁止开机启动 enabled 表示允许开机启动 auditd.service enabled autovt ...
    
			
    3. 
						
  3. python中的模块以及包导入
			
    python中的导入关键字:import 以及from  import 1.import import一般用于导入包以及模块. 不过有个小问题: (1)当导入的是模块的时候是可以直接可以使用模块内的函 ...
    
			
    4. 
						
  4. ArcGis 字段计算器表达式（Field calculator expression）.cal文件与标注表达式（label expression）.lxp的实质及其编码方式、解析方法
			
    ArcGis 字段计算器表达式可以保存为一个扩展名为.cal的文件,该文件的实质是一个文本文件,编码方式为 UTF-16-LE. 官方的说明是“ArcGIS 应用程序使用 UTF-16-LE 编码读写 ...
    
			
    5. 
						
  5. BOM的构成
			
    1.DOM 和 BOM 的区别 DOM:文档对象模型,把[文档]当做一个[对象]来看待,DOM的顶级对象是document 主要学习的是操作页面元素,DOM 是 W3C 的标准规范 BOM:浏览器对象 ...
    
			
    6. 
						
  6. html清除页面缓存
			
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" ...
    
			
    7. 
						
  7. mysql数据库  --表操作
			
    一.表与表之间建关系 (1) 将所有的数据放在一张表内的弊端 表的组织结构不清晰 浪费存储时间 可扩展性极差 ---> 类似于将所有的代码写入到一个py文件中 -->解耦部分 (2) 如何 ...
    
			
    8. 
						
  8. AES加密php,java,.net三种语言同步实现加密、解密
			
    话不多数上代码: java::: /* * To change this license header, choose License Headers in Project Properties. * ...
    
			
    9. 
						
  9. Kotlin Hello World
			
    { https://github.com/zhmmmm/Kotlin }
    
			
    10. 
						
  10. delphi xe10 手机内部系统相关操作（手机信息、震动、剪贴板、键盘、电话、拨号）
			
    //获取手机信息 function GetPhoneInfo(): string; Var TelephonyManager: JTelephonyManager; TelephonyServiceN ...
    
			
    11.