webpack的简单配置(一)

开始

首先生成一个项目 npm init
安装webpack以及webpack-dev-server

npm install webpack webpack-dev-server --save-dev

(由于使用了之前的老静态页面做练习,只是简单的打包了css,js以及一些静态文件)
需要安装的依赖有:css-loader、style-loader、extract-text-webpack-plugin(该插件可以使散落的css文件打包成一个css,在首页使用link引入)、file-loader、url-loader、webpack-merge、html-webpack-plugin(用于生成html模板)

然后在package.json文件的script中配置开启以及打包的内容

"dev": "webpack-dev-server  --open  --config  webpack.config.js"
"build": "webpack --progress --<