webpack4.0.1安装问题和webpack.config.js的配置变化
2018-03-12 13:58
1276 查看
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
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解决方案:
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
就能提示出版本号了。
rules: [
//针对css文件,进行对应的loader处理
{ test: /\.css$/, loader: "style-loader!css-loader" }
]
}
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的配置变化
- webpack ^4.0.1 版本的webpack.config.js配置
- webpack.config.js文件的高级配置
- webpack.config.js配置详解
- webpack.config.js配置文件
- Webpack配置详解(package.json/webpack.config.js详细配置 )
- webpack.config.js配置信息的说明
- webpack配置文件:webpack.config.js
- webpack.config.js文件配置
- vue-cli的webpack模版,相关配置文件dev-server.js与webpack.config.js配置解析
- 七:webpack.config.js文件的高级配置
- 对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置,给不同的编译条件提供配置
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- webpack.config.dev.js中配置less
- [js高手之路]深入浅出webpack教程系列3-配置文件webpack.config.js详解(下)
- webpack2-webpack.config.js配置
- webpack学习-webpack.config.js配置
- webpack教程之webpack.config.js配置文件
- 对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)