consumer-index.html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Consumer</title>

</head>

<body>

<h1>Consumer Page</h1>

<p id="content"></p>

<script src="/dist/consumer.bundle.js"></script>

</body>

</html>

consumer-index.js

document.getElementById('content').innerText = 'This is Consumer page';

admin-index.html

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Admin</title>

</head>

<body>

<h1>Admin Page</h1>

<p id="content"></p>

<script src="/dist/admin.bundle.js"></script>

</body>

</html>

admin-index.js

document.getElementById('content').innerText = 'This is Admin page';

webpack.config.js

var path = require('path');//自带标准库

var config = {

  entry: {

    admin: './admin/index.js',    //2个入口

    consumer: './consumer/index.js'    //2个入口

  },

  output: {

    path: path.join(__dirname, 'dist'),    //dist放打包出来的文件

    publicPath: '/dist/',    //webpack自带的测试环境server

    filename: '[name].bundle.js'

  }

};

module.exports = config;

package.json

{

  "name": "demo2",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "start": "webpack-dev-server --progress --colors --hot --inline",//启动开发环境需要的东西

    "build": "webpack --progress --colors -p"

  },

  "author": "",

  "license": "ISC",

  "devDependencies": {

    "node-argv": "0.0.7",

    "webpack": "1.12.1",

    "webpack-dev-server": "1.10.1"

  }

}

webpack02的更多相关文章

随机推荐

  1. css兼容性问题总结

    DIV+CSS设计IE6.IE7.FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使 ...

  2. FFT&NTT学习笔记

    具体原理就不讲了qwq,毕竟证明我也不太懂 FFT(快速傅立叶变换)&NTT(快速数论变换) FFT //求多项式乘积 //要求多项式A和多项式B的积多项式C //具体操作就是 //DFT(A ...

  3. 压缩和还原压缩的JS代码

    压缩JS代码:packer – 最好用的 javascript 压缩工具地址: http://dean.edwards.name/packer/ http://kan.willin.org/?page ...

  4. 洛谷 P1275 魔板

    P1275 魔板 题目描述 有这样一种魔板:它是一个长方形的面板,被划分成n行m列的n*m个方格.每个方格内有一个小灯泡,灯泡的状态有两种(亮或暗).我们可以通过若干操作使魔板从一个状态改变为另一个状 ...

  5. less10 loop循环

    less .loop(@counter) when (@counter > 0) { .loop((@counter - 1)); // 递归调用自身 4 3 2 1 0 width: (10p ...

  6. spark scala word2vec 和多层分类感知器在情感分析中的实际应用

    转自:http://www.cnblogs.com/canyangfeixue/p/7227998.html 对于威胁检测算法使用神经网络训练有用!!!TODO待实验 /** * Created by ...

  7. POJ 3204 网络流的必须边

    思路: 求一遍网络流 在残余网络上DFS 从起点DFS 从终点把边反向DFS 一个边跟起点连通 跟终点反向的边连通 ans++ 注:此题不能用tarjan 因为有边权为0的边 //By SiriusR ...

  8. AD域导入导出命令

    AD域 批量组织机构.用户导入导出 参考网站 https://technet.microsoft.com/zh-cn/library/cc753447(v=ws.11).aspx 导入所有命令 均cm ...

  9. Struts2+MySQL登录注册

    下载地址:http://download.csdn.net/detail/qq_33599520/9777172 项目结构图: 代码: package com.mstf.action; import ...

  10. PostgreSQL 系统表

    postgres=# \d pg_class      Table "pg_catalog.pg_class"     Column     |   Type    | Modif ...