Vue.js入门 0x10 webpack

webpack基础配置

安装 webpack 与 webpack-dev-server

    创建项目目录，利用npm进行初始化配置

 本地局部安装 webpack及webpack-dev-server

npm install webpack@2.3.2 --save-dev
npm install webpack-dev-server@2.4.2 --save-dev

    创建配置文件webpack.config.js

var config = {

};
module.exports = config;

    然后在package.json 的 scripts 里增加一个快速启动 webpack-dev-server 服务的脚本。运行 npm run dev 命令时，就会执行 webpack-dev-server --open --config webpack.config.js命令。其中--config 是指向 webpack-dev-server 读取的配置文件路径，这里直接读取在上一步创建的 webpack.config.js文件。--open 会在执行命令时自动在浏览器打开页面，默认地址是127.0.0.1 :8080，不过 IP 和端口都是可以配置的

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scri