![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
文章平均质量分 73
webpack 就是项目的管理工具, 类似于 npm
狮子座的男孩
技术不分家,都需要深挖!
展开
-
webpack 解决:TypeError: merge is not a function 的问题
想执行 `npm run dev` 命令,运行起项目时,控制台报错 `TypeError: merge is not a function;`原创 2023-10-26 00:00:00 · 2679 阅读 · 8 评论 -
解决 webpack 4.X:autoprefixer 插件使用不起作用的两种解决方案
在写 CSS3 这些新的特性时,存在着不同的浏览器解析这些新特性时,需要在新特性前加上厂商前缀的(即:autoprefixer 插件的作用),能提高了我们的开发效率,但是此时页面并没有加上厂商的前缀;原创 2023-10-24 00:00:00 · 736 阅读 · 4 评论 -
webpack解决:background-image: url([object Module]) 的图片无法显示的问题;
在项目打包的时候 `npm run build`,项目控制台及浏览器控制台没有报错,但在浏览器页面中,指定的背景图片没显示;原创 2023-10-13 01:00:00 · 2240 阅读 · 4 评论 -
webpack 解决:Cannot use import statement outside a module 的问题
在项目打包的时候 `npm run build`,没有报错,页面也正常显示,但在浏览器调试的时候 `F12` 报错;原创 2023-10-13 00:00:00 · 2121 阅读 · 0 评论 -
Webapck 解决:[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题
在项目打包的时候 `npm run build`,控制台报错,并抛出一个 `Cannot find module 'vue-loader/lib/plugin'` 的问题;原创 2023-10-12 01:00:00 · 2874 阅读 · 2 评论 -
Webpack 解决:Error: error:0308010C:digital envelope routines::unsupported 的问题
在项目打包的时候 `npm run build`,控制台报错,并抛出一个 `Node.js v18.16.0` 的问题;原创 2023-10-12 00:30:00 · 2416 阅读 · 2 评论 -
Webpack 解决:ReferenceError: dist is not defined 的问题
想在 `webpack` 的配置中,创建一个 `dist 文件夹`来存放 `npm run build` 打包后的文件,但发现运行代码后报错;原创 2023-10-12 00:00:00 · 690 阅读 · 6 评论 -
两种方案解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题
在用 正常来创建新的基于 的项目,在安装好 之后,运行命令 ,报错情况如下:其一、创建项目的过程及命令是没有问题的,基于 vue2 框架的版本也没有问题,可以考虑是在创建项目中出现了中文名字的原因(因为此项目的上一层我用的是汉字)?其二、文件的配置问题,在脚手架进行创建项目的时候,有关多个文件名重名了(报错是 index.html 文件发生冲突了)?1、方案一、尝试用纯英文命名,避免中文命名的影响();2、方案二、修改 文件名称,以及 webpack 的相关配置文件();该项目文件的上一层命名 ;原创 2022-07-11 12:00:00 · 66218 阅读 · 48 评论 -
解决 Webpack 打包图片不报错也不显示问题,但其图片就是显示不出来的问题
1、问题描述:A、在 webpack.config.js 中也添加了代码为:{ test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/, use: "url-loader?limit=16940"}B、在 ‘.css’ 文件中添加的信息为:.box { width: 300px; height: 300px; background: red url(../img/sass.png); }C、但此时就是原创 2021-10-13 15:59:49 · 2127 阅读 · 7 评论 -
使用 webpack 与 webpack-dev-server 的运行区别,及如何解决页面提示的 ‘CNNOT GET/‘ 的原因
1、使用 webpack 与 webpack-dev-server 的运行区别:A、webpack 运行后的文件一般是自动建立 ‘dist’ 下的 ‘bundle.js’ 中;(此时的 ‘bundle.js’ 命名一般是:‘filename’ 中的自动设定的名字);然后,index.html 文件就能在本地浏览器打开,然后就能看到 style 等信息的显示;B、webpack-dev-server 运行后的文件一般是有 ip 的,且其命名的 bundle.js 文件 (此时的 ‘bundle.js原创 2021-10-09 17:41:59 · 250 阅读 · 0 评论