1. 程式人生 > >[轉]webpack4.0.1安裝問題和webpack.config.js的配置變化

[轉]webpack4.0.1安裝問題和webpack.config.js的配置變化

using ack LV rules 安裝 ont loader 問題 TP

本文轉自: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的配置變化