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. TP5 分页类，自定义样式

    结合X-admin 后台框架 在做项目,为了保持分页风格的一致,所以需要自定义 一个分页类. 一.在项目的 extend 目录,创建 cus 目录 二.创建 Page 分页类,代码如下 <?ph ...

  2. java redistemplate

    //添加一个 key ValueOperations<String, Object> value = redisTemplate.opsForValue(); value.set(&quo ...

  3. pip 出错

    pip 升级到10以上出错 ImportError: cannot import name 'main' 解决方法一: 降低pip的版本号 python -m pip install pip==9.0 ...

  4. linux下安装jdk跟tomcat

    文章参考    https://www.cnblogs.com/geekdc/p/5607100.html   Linux服务器安装jdk+tomcat https://baijiahao.baidu ...

  5. eclipse/myeclipse中js/java的自动提示只有4个字符怎么解决

    https://blog.csdn.net/LinBM123/article/details/80450690

  6. vue+element-ui+slot-scope或原生实现可编辑表格(日历)

    你们公司的产品是不是还在做一个可编辑表格功能? 1.前言 咱开发拿到需求大多数是去网上找成型的组件,找不到再看原生的方法能否实现,大牛除外哈,大牛一般喜欢封装组件框架. 2.思路 可编辑表格在后台管理 ...

  7. 【codeforces 65A】Harry Potter and Three Spells

    [题目链接]:http://codeforces.com/problemset/problem/65/A [题意] 你有3种魔法; 1.可以将a单位的石头变成b单位的铅 2.可以将c单位的铅变成d单位 ...

  8. BZOJ 2683 简单题 cdq分治+树状数组

    题意:链接 **方法:**cdq分治+树状数组 解析: 首先对于这道题,看了范围之后.二维的数据结构是显然不能过的.于是我们可能会考虑把一维排序之后还有一位上数据结构什么的,然而cdq分治却可以非常好 ...

  9. PForDelta的介绍论文

    ttp://paperhub.s3.amazonaws.com/7558905a56f370848a04fa349dd8bb9d.pdf FOR(Frame-Of-Reference),PFor(Pa ...

  10. ASIHTTPRequest 框架的导入

    刚接触ios 对一切都不熟悉  记录一下ASIHTTPRequest 框架的导入 步骤 以便日后再用 1.首先下载ASIHTTPRequest:点击下载 2.在project中导入下面文件: 导入方式 ...