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",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev":"webpack-dev-server --open --con