eg:webpack

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37504436/article/details/79949628

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插件

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

阅读更多

没有更多推荐了,返回首页