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文件就胜利了！