webpack配置

来源:互联网 发布:sql 不等于 编辑:程序博客网 时间:2024/05/25 18:10

声明:自己学习的笔记,可能说的过于简单,没看懂的可以绕道其行。
文件目录:
首先安装nodejs,webpack是基于nodejs搭建的
其次,新建一个文件夹,比如为item
用window+R进入命令行,然后
cd desktop
cd item
进入item文件夹
1.初始化产生一个package.json
npm init
2.安装webpack
npm install webpack –save-dev
3.新建一个hello.js文件
webpack hello.js bundle.js
上行命令bundle.js 文件为输出的文件,把hello.js打包为bundle.js
4.安装loader
npm install css-loader style-loader –save-dev
5.绑定
webpack hello.js bundle.js module-bind “css=style-loader!css-loader” +[后面可以加参数]
参数:–watch 自动监听
–progress 百分进度
–display-module 打包模块
–display-reasons 原因

0 0
原创粉丝点击