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 webpack@2.1.0-beta.22 --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插件

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