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. 【BZOJ4071】【APIO2015】巴邻旁之桥

    题意: Description 一条东西走向的穆西河将巴邻旁市一分为二,分割成了区域 A 和区域 B. 每一块区域沿着河岸都建了恰好 1000000001 栋的建筑,每条岸边的建筑都从 0 编号到 1 ...

  2. 影像服务——加载CESIUM自带的影像服务

    1.加载arcgis数据——ArcGisMapServerImageryProvider var viewer = new Cesium.Viewer("cesiumDiv",{ ...

  3. 【jQuery02】点击标题面板显示内容

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. tf.slice()解释

    转载:https://www.jianshu.com/p/71e6ef6c121b def slice(input_, begin, size, name=None): 其中“input_”是你输入的 ...

  5. vi 学习记录

    i 光标所在前插入 I 光标所在行的第一个非空字符前进入输入模式 a 光标所在后插入 A 光标所在最后插入 o 光标所在列下新增一列并进入输入模式 O 光标所在列上新增一列并进入输入模式 退出 :q, ...

  6. 详解：（cron , crontab , anacron）

    导读: 人类把时间做了切割,想象一条笔直的线永远向前,本来这条直线上什么都没有,但是人类根据时间的长短(单位)在这条直线上做了密密麻麻的标记(世纪-年-月-日-时-分-秒-纳秒......),通过这样 ...

  7. Springboot+swagger2的接口文档开发

    一.创建一个SpringBoot项目 1. 2. 3. 4. 把web里的web选中,SQL里选择自己需要的,点击next 二.创建各项所需的controller,configure等 1. 项目布局 ...

  8. 紫书 例题8-13 UVa 11093 （反证法）

    这道题发现一个性质就解决了 如果以i为起点, 然后一直加油耗油, 到p这个地方要去p+1的时候没油了, 那么i, i+1, --一直到p, 如果以这些点 为起点, 肯定也走不完. 为什么呢? 用反证法 ...

  9. linux进程管理之概念（一）

    一.进程和线程的概念 1.进程和线程的定义 进程并不只是一段可以运行的代码,也包含了运行代码所需要的资源. 在操作系统来看,进程是资源管理的最小单元,而我们又知道,线程是程序执行的最小单元. 话说回来 ...

  10. 【codeforces 128C】Games with Rectangle

    [题目链接]:http://codeforces.com/problemset/problem/128/C [题意] 让你一层一层地在n*m的网格上画k个递进关系的长方形;(要求一个矩形是包含在另外一 ...