webpack配置的问题?

一直没搞懂output.publickpath,和devserver.contentBase两个配置的作用,还有就是webpack-dev-server编译后的文件存在内存中是怎样加载到index.html当中的?
我这样理解对不对:devserver.contentBase指定dev-server伺服(编译)的文件夹,编译生成的文件按照output.path的规则输出到内存中,index.html会优先加载内存中的文件,不知这样理解对不对?求大告知。

阅读 2.1k
1 个回答

publickpath 是资源存放的路径
output: {

path: resolve(__dirname, './dist'),
filename: 'assets/js/[name].js',
publicPath: '/'

},
具体是webpack-dev-server生成一个服务器http://localhost:8080/
假如webpack吧全部js打包成base.js
它在服务器的位置就是http://localhost:8080/assets/...
html文件的script标签只需要访问http://localhost:8080/assets/...便能下载对应js

生产模式也是生成标签是src=‘/assets/js/base.js’

contentBase 只用在iframe模式, webpack-dev-server只存放静态资源,数据接口请求后台的地址才使用到,
按我理解 一般用代理模式就可以替代了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题