好多新手对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. FreeBSD_11-系统管理——{Part_9-SVN}
			
    一.使用 svn / svnlite 代替 freebsd-update 及 portsnap 等常规工具更新系统及 ports 源码 二.安装可信 ca 机构列表 cd /usr/ports/sec ...
    
			
    2. 
						
  2. DQL 数据查询语言 IS (information_schema)
			
    3.information_schema 统计信息库 1.介绍: 视图 1.安全: 只允许查询,不知道操作的对象是谁. 2.方便: 只需要简单的select语句即可使用. 2.作用: 1.方便我们做数 ...
    
			
    3. 
						
  3. 判断IE版本与各浏览器的语句
			
    ---恢复内容开始--- 一.IE下判断IE版本的语句 <!--[if lte IE 6]> <![endif]--> IE6及其以下版本可见    <!--[if lt ...
    
			
    4. 
						
  4. C语言结构体嵌套
			
    #include <stdio.h> int main() { /*************************************************** *结构体嵌套:结构 ...
    
			
    5. 
						
  5. $router和$route的区别，路由跳转方式name 、 path 和传参方式params 、query的区别
			
    一.$router和$route的区别 $router : 是路由操作对象,只写对象$route : 路由信息对象,只读对象 例子://$router操作 路由跳转 this.$router.push ...
    
			
    6. 
						
  6. 转： Meshlab简介
			
    本文翻译自Meshlab主页:http://www.meshlab.net/ MeshLab是用于处理和编辑3D三角形网格的开源系统.它提供了一组用于编辑,清理,修复,检查,渲染,纹理和转换网格的工具 ...
    
			
    7. 
						
  7. 机器学习Explainability vs Interpretability
			
    The difference between machine learning explainability and interpretability In the context of machin ...
    
			
    8. 
						
  8. Executor ExecutorService Executors
			
    Executor public interface Executor { void execute(Runnable command); } ExecutorService ExecutorServi ...
    
			
    9. 
						
  9. 阿里云重磅推出物联网安全运营中心Link SOC
			
    阿里云IoT自主研发了新一代物联网安全平台Link Security,面向IoT设备全生命周期构建了一整套全链路多层次的安全防御体系,IoT物联网平台的业务在不同层面可以按需集成安全能力. 1.首先在 ...
    
			
    10. 
						
  10. MetalLB自建私有Kubernetes的LoadBalancer负载均衡类型服务
			
    简介 在私有网络上运行 Kubernetes,和御三家相比,对 LoadBalancer 类型的服务的支持应该是众多表面差异中最醒目的一个了.类型为 LoadBalancer 的服务在 Kuberne ...
    
			
    11.