webpack相关笔记

参考地址：链接

1、webpack是一个前端打包工具，特点：代码分割（Code Splitting），Loaders,模块热更新

2、npm init

npm install webpack --save-dev
require(‘./world.js‘);//common.js方式
一、css-loader将css文件打包进js中，style-loader将js中的css输出到html中生成<style>标签。
二、css文件处理：
npm install css-loader style-loader --save-dev
方式1：在js文件中，require(‘style-loader!css-loader!./style.css‘)。
方式2：在命令行中，webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader"。

三、监听文件改变，自动打包：webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" --watch。
打包过程进度条：--progress。
显示打包进度条并显示打包的文件：--progress --display-modules。
打包原因：--display-reasons

webpack相关笔记

原文：http://www.cnblogs.com/zhaobao1830/p/6506530.html