webpack^4.1.1安装不能打包问题

webpack^4.1.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
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! day6@1.0.0 build: `webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the day6@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-03-08T09_28_02_067Z-debug.log

主要原因是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

1.在项目目录下要本地安装webpack-cli -D

## npm
npm install webpack-cli -D
## yarn
yarn add webpack-cli -D

2.换一个webpack版本

## 直接安装指定版本就行了，如安装 2.4.1 版：
npm install webpack@2.4.1 --save --dev

3.在项目目录下要本地安装webpack

npm install webpack -D

4.在项目目录下必须使用配置文件webpack.config.js

// webpack 必须采用 commonjs 写法

//专门处理路径用的，以当前路径解析出一个绝对路径
let path = require('path');
console.log(path.resolve('./dist'));
console.log(path.resolve('./dist'));

module.exports = {

    //打包的入口文件webpack会自动查找相关的依赖进行打包
    entry: './src/main.js',

    output: {
        filename: 'bundle.js', //打包后的名字
        path: path.resolve('./dist'), //必须使用个绝对路径
    }
};