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. vue-cli3+typescript+路由懒加载报错问题

    vue-cli3的版本是3.4.1 出现的情况是网页显示正常,但是终端一直提示找不到模块: 如果去掉路由懒加载的方式,就没有报错: 原因是以前我们习惯直接写文件名而不加后缀, 现在使用ts时就需要写v ...

  2. [六省联考2017]分手是祝愿（期望+DP）

    题解 很容易想出来最优策略是什么. 就是从n到1看到开着的灯就把它关了 我们预处理出当前状态把灯全部关闭后的最少步数cnt 然后我们的主人公就要瞎按... 设dp[i]代表当前状态最优解为i步时走到d ...

  3. mysql 1067终极解决办法 亲测好使

       进入mysql data 目录 删除 ib_logfile0  ib_logfile1   ibdata1   这三个文件 重启mysql

  4. 洛谷 P1541 乌龟棋 （四维费用背包）

    一开始直接用01背包 后来发现这个物品和位置有关. 也就是价值不是固定的 后来看了题解 看了卡片最多就4 所以这是一个四维费用的背包, 每一维是卡片的数量 价值就是当前的位置的价值. 但是与常规的背包 ...

  5. OCUI界面设计：滚动视图与分页控件初探

    滚动视图(UIScrollView) 简单介绍 1.UIScrollView滚动视图能够排列并显示超出自身显示范围的内容. 2.UIScrollView内部整合了多种手势来达到丰富的界面展示效果. 3 ...

  6. Java实现二叉树的创建、递归/非递归遍历

    近期复习数据结构中的二叉树的相关问题,在这里整理一下 这里包含: 1.二叉树的先序创建 2.二叉树的递归先序遍历 3.二叉树的非递归先序遍历 4.二叉树的递归中序遍历 5.二叉树的非递归中序遍历 6. ...

  7. rest_framework-认证-总结完结篇

    执行过程 APIView() Ruquest() Authentication() OrderView()APIView() def duspatch: self.initial(request) d ...

  8. The in operator

    The operators we have seen so far are all special characters like + and *, but there are a few opera ...

  9. 131.lambda表达式小结

    C++ 11中的Lambda表达式用于定义并创建匿名的函数对象,以简化编程工作.Lambda的语法形式如下:[函数对象参数](操作符重载函数参数) mutable或exception声明->返回 ...

  10. Metasploit学习笔记（博主推荐）

    不多说,直接上干货! 连接后台的数据库,当然不是必须品. 连接数据库的好处:1.可以攻击和扫描的结果,保存起来      2.将一些搜索结果做个缓存 默认数据库是postgresql. 同时要注意的是 ...