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. Map和WeakMap的区别

    个人总结:在一个变量作用域中,如果结束到作用域结尾 } 的话,map中的引用会被垃圾回收机制回收的是weakmap ,map中的引用不会被垃圾回收机制回收的是map. 强引用:只要引用存在,垃圾回收器 ...

  2. Json学习总结（2）——Java 下的 JSON库性能比较：JSON.simple vs. GSON vs. Jackson vs. JSONP

    JSON已经成为当前服务器与WEB应用之间数据传输的公认标准,不过正如许多我们所习以为常的事情一样,你会觉得这是理所当然的便不再深入思考了.我们很少会去想用到的这些JSON库到底有什么不同,但事实上它 ...

  3. android:Activity启动模式之singleTask(一)

    先看一下standard启动模式的说明: 仅仅有一个实例.在同一个应用程序中启动他的时候.若不存在此Activity实例.则会在当前栈顶创建一个新的实例.若存在,则会把栈中在其上的其他Activity ...

  4. ios xcode真机调试获取屏幕截屏

    非常多时候我们须要在调试的过程中把手机屏幕截图发给其它人看,在android开发中我们能够非常方便的截图保存.而xcode开发ios的时候发现这个需求却如此困难.网上大部分都是介绍的以下这个方案.可是 ...

  5. linux内核设计的艺术--系统启动第一步

    计算机究竟是如何执行起来的呢,在我学习计算机的时候一直不是非常明确,可是近期借了本<linux内核设计的艺术>算是知道了计算机从按开机到启动操作系统之间究竟做了些什么. 这本书刚開始介绍的 ...

  6. poj_2352树状数组

    因为y已经排好序了,用x坐标建立一维树状数组 #include<iostream> #include<cstdio> #include<cstring> using ...

  7. bzoj1433: [ZJOI2009]假期的宿舍（最大二分图匹配）

    1433: [ZJOI2009]假期的宿舍 题目:传送门 题解: 这题有点水 跑个二分图匹配就完事了(注意在校生不是一定都互相认识) 代码: #include<cstdio> #inclu ...

  8. WebAPI返回数据类型解惑 以及怎样解决Extjs无法解析返回的xml

    最近开始使用WebAPI,上手很容易,然后有些疑惑 1.WebAPI默认返回什么数据类型,json还是xml? 2.怎么修改WebAPI的返回数据类型,我用IE浏览器请 求返回的数据都是JSON格式的 ...

  9. java生成MD5校验码

    在Java中,java.security.MessageDigest (rt.jar中)已经定义了 MD5 的计算,所以我们只需要简单地调用即可得到 MD5 的128 位整数.然后将此 128 位计 ...

  10. spark 从RDD createDataFrame 的坑

    Scala: import org.apache.spark.ml.linalg.Vectors val data = Seq( (7, Vectors.dense(0.0, 0.0, 18.0, 1 ...