
webpack
webpack基本使用学习
wei佳
这个作者很懒,什么都没留下…
展开
-
vscode vue react 路径跳转 配置 jsconfig.json
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules"]}配置以后就可以 点击跳转 函数引用,组件什么的都可以...原创 2022-03-03 16:03:26 · 692 阅读 · 0 评论 -
继上文webpack打包上线找不到静态资源(publicPath)
webpack 配置 publicPath的理解 在学习webpack的时候,配置文件中有一个publicPath属性,一直不是很明白它到底是怎么用,也查了很多资料,得到最多的说法是当打包的时候,webpack会在静态文件路径前面添加publicPath的值,当我们把资源放到CDN上的时候,把publicPath的值设为CDN的值就可以了。但是在使用webpack 进行开发的时候,得到的结果却和该说法不是很一致,经过一段时间的摸索,好像是懂了一点点,至少在简单的配置中不会报错,在这里记一下,做一个总结.转载 2021-04-28 00:03:49 · 2967 阅读 · 2 评论 -
vue项目在webpack打包后静态资源问题以及上线CDN找不到资源
项目遇到一个问题,本地vue项目run起来,能够访问到静态资源,一上线打包后就不行,而且本地打包后dist下也有该资源,这是怎么回事呢,module.exports = { /** * You will need to set publicPath if you plan to deploy your site under a sub path, * for example GitHub Pages. If you plan to deploy your site to https:/.原创 2021-04-27 23:56:05 · 1299 阅读 · 1 评论 -
webpack接受的模块方式
ES2015 import 语句CommonJS require() 语句AMD define 和 require 语句css/sass/less 文件中的 @import 语句样式(url(…))或 HTML 文件 < img src=…>中的图片链接原创 2021-04-27 23:15:27 · 82 阅读 · 0 评论 -
简单了解现代webpack打包构建工具
webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图会映射项目所需的每个模块,并生成一个或多个 bundle。入口(entry)输出(output)loader插件(plugin)模式(mode)浏览器兼容性(browser compatibility)入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建.原创 2021-04-27 21:55:44 · 174 阅读 · 0 评论