eg:webpack

webpack4.x:

npm i webpack-cli -g
or

yarn add webpack-cli -g     //装全局webpack

开始创建

1、创建工程目录； 
2、初始化工程目录：npm init。 
3、全局安装webpack-cli。 
4、全局安装webpack。 
5、webpack –mode development/production进行打包，可在package.json中配置dev和build的脚本，便只需运行npm run dev/build，作用相同。 

6、在webpack –mode development/production可串联设置其他参数。

ps:   1、webpack-cli必须要全局安装，否则不能使用webpack指令； 
        2、webpack也必须要全局安装，否则也不能使用webpack指令。 
        3、webpack4.x中webpack.config.js这样的配置文件不是必须的。 
        4、默认入口文件是./src/index.js，默认输出文件./dist/main.js。

---webpack

• npm install -g webpack  //安装全局webpack
• npm init
• npm install --save-dev webpack //安装依赖
• cnpm install webpack-cli -g  //装全局webpack-cli

//=====================

npm install [email protected] --save-dev     //

npm install -g webpack-dev-server --save-dev 

or

cnpm i webpack-dev-server -D //安装webpack-dev-server

npm install --save-dev html-webpack-plugin     //html模板文件插件

npm install css-loader style-loader --save-dev    //样式loader

npm install babel-core babel-loader babel-preset-es2015 --save-dev    //转化es5

npm install  json-loader --save-dev     //json-loader插件

//=================