webpack入门之基本npm操作

1、全局安装webpack： npm install -g webpack

2、创建package.json：npm init

3、本地安装webpack依赖包： npm install --save-dev webpack

demo的目录结构

4、使用webpack构建本地服务器： npm install --save-dev webpack-dev-server

webpack.config.js关键配置 package.json中scripts对象关键配置

终端输入npm run server 开启本地服务（默认8080）npm start打包

5、webpack安装babel依赖： npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react

6、webpack安装react、react-dom： npm install --save react react-dom

7、webpack安装 处理样式表： css-loader 和 style-loader（ css-loader使你能够使用类似@import 和 url(...)的方法实现 require()的功能,style-loader将所有的计算后的样式加入页面中，二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中 ）： npm install --save-dev style-loader css-loader