u010227042的博客

具体问题如下：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: XXX@3.4.0npm ERR! Found: webpack@5.31.2npm ERR! node_modules/webpacknpm ERR! peer webpack@”^4.0.0 || ^5.0.0″ from html-webpack-plugin@

require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块什么时候需要用到require.context如果有以下情况,可以考虑使用require.context替换index.jsmodules在Vue写的项目中

1,安装sass的依赖包cnpm install --save-dev sass-loader 和 cnpm install --save-dev node-sass、2，在build文件夹下的webpack.base.conf.js的rules里面添加配置　　{test:/\.sass$/, loaders: ['style','css','sass']}3，在vue 文件中引入sass文件：　　　　然后就可以初步使用sass来写样式了以上步骤中存在一个隐患，那就是...

我们通常在做项目时可能会把第三方库打包到bundle中，比如下面这张图如果不想把第三方库打包到bundle中，这就有了externals。官方的使用externals比较简单，只需三步——1.在HTML中引入第三方库的cdn2.在webpack中配置externalsexternals: { jquery: "jQuery",}3.在js中引用const $ = require("jquery");$("#content").html("<h1>h

失效代码<script>${ require('raw-loader!babel-loader!./page/demo.js') }</script>原因及解决办法由于html-webpack-plugin解析语法的改变，将${ "code" }写法改为了<%= "code" %>将原有的写法改为新写法即可// 由于html-webpack-plug...

file loader介绍：https://www.webpackjs.com/loaders/file-loader/babel loader介绍：https://webpack.js.org/loaders/babel-loader/webpack-dev-server介绍：https://www.webpackjs.com/configuration/dev-server/ ,h...

博客园 首页 新随笔 联系 管理 订阅随笔- 175 文章- 0 评论- 14webpack打包vue项目，资源路径如何从绝对路径改为相对路径？css中的图片资源如何修改配置？资源相对引用路径问题描述一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置...

glob 在webpack中对文件的路径处理非常之方便，比如当搭建多页面应用时就可以使用glob对页面需要打包文件的路径进行很好的处理。官方文档地址 ：https://www.npmjs.com/package/glob我没有找到中文文档地址。经过一段时间的学习，本着互联网分享精神。我现将我学习思路以及想法记录如下，分享给大家，希望对大家有所帮助。本文章 全部案例源码：http:/...