webpack打包

1、打包js文件

进入到webpack目录下，新建一个hello.js，并输入代码如下：

function hello(str) {
    alert(str)
}

然后cmd中，输入打包命令打包，成功后发现文件夹中多了一个bundle.js，说明打包成功

webpack hello.js -o bundle.js --mode development

2、打包css文件

新建一个style.css，并输入代码：

html,
body {
    padding: 0;
    margin: 0;
}

然后在hello.js中引入该样式文件

require("./style.css")

function hello(str) {
    alert(str)
}

打包后报错，说明要安装css-loader和style-loader，在cmd中输入命令：

npm install css-loader style-loader --save-dev

项目中引入css部分变更为：

require("style-loader!css-loader./style.css")

function hello(str) {
    alert(str)
}