Webpack 基础配置 02
打包多个 js 文件
继续 Webpack 基础配置 01 的内容，在./src/script 目录下再新建一个 demo.js 文件
在 main.js 文件中引用 demo.js
开发模式进行打包 npm run dev
同样在 index.html 中引入打包后的 js 文件 bundle.js
打开控制台，正确输出如下：
引用 css 文件
在 src 路径下新建一个目录 css，其下创建一个 style.css 文件，内容如下：
在 main.js 中引入 css 文件 默认情况 webpack 是不支持 css 文件的，因此需要安装 style-loader 和 css-loader 插件,loader 是支持打包的工具 css-loader：用来加载 css 文件的 style-loader: 支持 css 运行
安装 style-loader 和 css-loader
npm install style-loader css-loader –save-dev
安装成功后需要在引用 css 文件的地方添加代码如下：
require(“style-loader!css-loader!../css/style.css”)
注意：style-loader!css-loader! 这个顺序不能颠倒！
开始运行:
npm run dev
到这里，打包多个 js 文件和 css 文件就成功了！