博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack——publicPath路径问题
阅读量:6689 次
发布时间:2019-06-25

本文共 677 字,大约阅读时间需要 2 分钟。

output: {        filename: "[name].js",        path:path.resolve(__dirname,"build")    }

如果没有指定pubicPath,则引入路径如下

    

如果有指定publicPath

output: {        filename: "[name].js",        path:path.resolve(__dirname,"build"),        publicPath:"/assets/"    }

则引入如下

    

 

webpack-dev-server环境下,path、publicPath、区别与联系path:指定编译目录而已(/build/js/),不能用于html中的js引用。publicPath:虚拟目录,自动指向path编译目录(/assets/ => /build/js/)。html中引用js文件时,必须引用此虚拟路径(但实际上引用的是内存中的文件,既不是/build/js/也不是/assets/)。===================================================发布至生产环境:1.webpack进行编译(当然是编译到/build/js/)2.把编译目录(/build/js/)下的文件,全部复制到/assets/目录下(注意:不是去修改index.html中引用bundle.js的路径)

转载于:https://www.cnblogs.com/raind/p/8601714.html

你可能感兴趣的文章
VKDevTool App黑盒调试工具
查看>>
那个你身边悄悄离职的人去哪儿了?IT人才流动大盘点
查看>>
精读《手写 SQL 编译器 - 智能提示》
查看>>
Java多线程干货系列—(四)volatile关键字| 掘金技术征文
查看>>
我们来翻翻元素样式的族谱-getComputedStyle
查看>>
Hessian HTTP POST访问时,Nginx返回411问题
查看>>
Redux进阶系列2: 如何合理地设计State
查看>>
[译] 部署!=发布(第二部分)
查看>>
数据结构和算法面试题系列—C指针、数组和结构体
查看>>
Android解析ActivityManagerService(一)AMS启动流程和AMS家族
查看>>
大前端开发者需要了解的基础编译原理和语言知识
查看>>
Exif图片方向的一些发现
查看>>
iOS关联对象
查看>>
Javascript如何实现GPU加速?
查看>>
次世代的会话管理项目 Spring Session
查看>>
SQL SERVER 2008安全配置
查看>>
Json hijacking/Json劫持漏洞
查看>>
算法知识梳理(5) 数组第二部分
查看>>
多页应用增量更新静态资源Webpack打包方案
查看>>
ionic V3.3开发踩坑集锦
查看>>