webpack入门之基本npm操作

2019-01-22  本文已影响2人  三明流浪人

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

上一篇下一篇

猜你喜欢

热点阅读