webpack02
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的更多相关文章
随机推荐
- 一个渣渣python脚本，用wol控制开机
#!/usr/bin/env python #coding:utf8 import os,time d={} '''f = open('E:\info.txt','r') for ipmac in f ...
- 被我忽略许久的set
心塞,set一直是我忽略的一个数据结构 1.生成一个set: 1) set(iterable) 传入一个可以迭代的数据结构: eg:字符串;元组;列表,字典 2) {v1,v2,.......,vn} ...
- Linux初学习
Linux Linux运行与关闭 Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 UNIX 的多用户.多任务.支持多线程和多 CPU 的操作系统. Linux ...
- Docker学习总结（12）——非常详细的 Docker 学习笔记
一.Docker 简介 Docker 两个主要部件: Docker: 开源的容器虚拟化平台 Docker Hub: 用于分享.管理 Docker 容器的 Docker SaaS 平台 -- Docke ...
- Docker学习总结（11）——八个Docker的真实应用场景
[编者的话]Flux 7介绍了常用的8个Docker的真实使用场景,分别是简化配置.代码流水线管理.提高开发效率.隔离应用.整合服务器.调试能力.多租户环境.快速部署.我们一直在谈Docker,Doc ...
- HDU 1022 Train Problem I 模拟栈题解
火车进站,模拟一个栈的操作,额外的栈操作,查看能否依照规定顺序出栈. 数据量非常少,故此题目非常easyAC. 直接使用数组模拟就好. #include <stdio.h> const i ...
- ASIHTTPRequest 框架的导入
刚接触ios 对一切都不熟悉 记录一下ASIHTTPRequest 框架的导入 步骤 以便日后再用 1.首先下载ASIHTTPRequest:点击下载 2.在project中导入下面文件: 导入方式 ...
- uva_11997,K Smallest Sums优先队列
#include<iostream> #include<cstdio> #include<cstring> #include<queue> #inclu ...
- 35.angularJS的ng-repeat指令
转自:https://www.cnblogs.com/best/tag/Angular/ 1. <html> <head> <meta charset="utf ...
- Laravel-自定全局函数
Laravel-自定全局函数 标签(空格分隔): php 习惯了 使用 ThinkPHP 框架,有一个公共方法类在代码编写上会快捷很多,所以有必要在此进行配置一番. 实现 在 app 创建文件夹 He ...