分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

[转]webpack4.0.1安装问题和webpack.config.js的配置变化

发布时间:2023-09-06 01:53责任编辑:胡小海关键词:js配置webpack

本文转自:https://blog.csdn.net/jiang7701037/article/details/79403637

The CLI moved into a separate package: webpack-cli. Please install ‘webpack-cli‘ in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D

webpack4.0.1安装问题,提示:

The CLI moved into a separate package: webpack-cli. Please install ‘webpack-cli‘ in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D

-> When using yarn: yarn add webpack-cli -D

解决方案:

一、webpack -v 版本号出不来

提示:

The CLI moved into a separate package: webpack-cli. Please install ‘webpack-cli‘ in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D
意思是CLI被移动到了一个专门的包 webpack-cli里了。 请安装webpack-cli 的除了webpack本身使用cli 当用npm时,使用npm install webpack-cli -D安装。 当用yarn时,使用yarn add webpack-cli -D安装。
解决办法:全局安装webpack-cli npm install webpack-cli -g
就能提示出版本号了。

二、在项目目录下要本地安装webpack-cli -D

npm install webpack-cli -D

三、在项目目录下要本地安装webpack

npm install webpack -D

四、必须使用配置文件:webpack.config.js

          不要使用webpack命令,如:webpack  demo01.js  bundle01.js,不能再执行了。

五、webpack.config.js文件的变化

         webpack.config.js里的配置,不再支持 module下的loaders,需要把loaders改成rules。

即如下:

    module: {         rules: [             //针对css文件,进行对应的loader处理             { test: /\.css$/, loader: "style-loader!css-loader" }         ]     }

[转]webpack4.0.1安装问题和webpack.config.js的配置变化

原文地址:https://www.cnblogs.com/freeliver54/p/9013320.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved