![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
LPLIFE
学习接受学习
展开
-
Please verify that the package.json has a valid “main“entry
主要原因:less-loader的版本太高了,太高的话,webpack也要升级匹配,可以进行降级处理,如安装以下版本: "less": "^4.0.0", "less-loader": "7.3.0",原创 2021-04-15 23:34:05 · 5650 阅读 · 0 评论 -
Cannot read property ‘tapPromise‘ of undefined
主要原因:版本太高了,降低一个版本:compression-webpack-plugin所有版本原创 2021-04-02 10:35:14 · 569 阅读 · 0 评论 -
webpack配置postcss-loader和autoprefixer不生效
postcss.config.jsmodule.exports = { plugins: [require('autoprefixer')],}webpack.config.js module: { rules: [ //css-loader解析 @import 这种语法 // style-loader 把css插入到head标签中 // loader的顺序,默认是从右向左执行 从下到上执行 // 格式:[] / [{loader:''}原创 2020-06-21 11:00:22 · 5170 阅读 · 1 评论 -
Webpack的一些基础认知
一些常用的命令:安装模块并保存到package.json的devDependenciesnpm install --save-dev//简写npm i -D安装最新的稳定版npm i -D webpack安装指定版本npm i -D webpack@<version>安装最新的体验版本npm i -D webpack@beta全局安装...原创 2019-09-17 11:49:58 · 669 阅读 · 0 评论 -
在项目中使用webpack
1.新建一个项目,我的放在F盘中2.使用 npm init 命令初始化这个目录3.使用命令:npm install webpack -save-dev 进行安装webpack4.新建src和dist两个文件夹接着使用编译器打开这个目录,我的是HBuilder然后在src中新建两个文件夹和在根目录下创建一个index.html文件,1)新建index.html文件2)在script文件...原创 2018-07-04 14:34:59 · 2988 阅读 · 0 评论 -
(webpack打包css) You may need an appropriate loader to handle this file type
我在使用require("./style.css");的时候,也就是想要把css文件也一并打包,但是webpack本身是不支持的,所以我们需要安装npm install css-loader style-loader --save-dev安装成功接下来指定loader把 require("./style.css");改为:require("css-loader!./style.css");//引用...原创 2018-07-02 14:13:29 · 62995 阅读 · 5 评论 -
简单地使用webpack进行打包
之前写的有些零散,现在一步步再重新写.一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹,里面只有一个json文件:4. 接下来装webpacknpm install webpack --save-dev安装完成:查看项目下,发现已经:5.然后用编译器打开当前项目...原创 2018-07-02 09:14:27 · 35032 阅读 · 6 评论 -
尝试使用webpack进行打包
如果没有安装webpack,跳过前面,直接跳到本文后面的:"如何安装webpack并进行打包" , 安装和打包过程中会出现各种问题,这需要你亲自动手搜索答案进行解决,有些出现的问题,博客中我也有写出. 因为不同的人安装不同的版本出现的问题并不一样. 如果看不明白,推荐去看慕课网.但慕课网录视频用的webspack是旧版本,跟现在的有些差距. 命令会有一些不同,但是不要紧,这些都是可以通过大海...原创 2018-06-11 16:33:42 · 893 阅读 · 0 评论 -
如何让webpack支持打包css文件
1. webpack本身不支持css的,想要它支持,只需要执行以下命令: npm install css-loader style-loader --save-dev如下图:2. 然后再进行重新打包就可以了原创 2018-06-11 16:32:28 · 2028 阅读 · 0 评论 -
ERROR in multi ./hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:\demo\t
解决这个问题请跳到第六步下面是比较完整的简单打包:一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹,里面只有一个json文件:4. 接下来装webpacknpm install webpack --save-dev...原创 2018-06-11 13:57:59 · 23592 阅读 · 15 评论