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一些被我忽略的知识
最后一个不小心打错了,刚看到,try ...else 与 while/for else的相同
- BZOJ 2342 [Shoi2011]双倍回文（manacher+堆+set）
题意 N<=500000 题解 维护一个set可以用堆来解决. #include<iostream> #include<cstring> #include<cstd ...
- WPF Toolkit AutoCompleteBox 实体类绑定 关键字自定义关联搜索匹配
原文:WPF Toolkit AutoCompleteBox 实体类绑定 关键字自定义关联搜索匹配 WPF Toolkit AutoCompleteBox 实体类绑定 关键字自定义关联搜索匹配 网上的 ...
- V$ASM_OPERATION
- 【iOS开发-47】怎样下载iOS 7.1 Simulator 以及iOS 8离线的Documentation这些文件？
(1)最官方的解决的方法 在Xcode6里面提供下载. 依照下图找到下载就可以. 一般建议把以下的自己主动检查更新和下载的框框勾起来,这样它会帮我们自己主动下载. watermark/2/text/a ...
- hdu 5277 YJC counts stars
hdu 5277 YJC counts stars 题意: 给出一个平面图,n个点,m条边,直线边与直线边之间不相交,求最大团的数目. 限制: 1 <= n <= 1000 思路: 因为平 ...
- poj_2777线段树+位运算
第一次没想到用位运算,不出意料的T了,,, PS:在床上呆了接近两个月后,我胡汉三又杀回来刷题啦-- #include<iostream> #include<cstdio> # ...
- WebAPI返回数据类型解惑 以及怎样解决Extjs无法解析返回的xml
最近开始使用WebAPI,上手很容易,然后有些疑惑 1.WebAPI默认返回什么数据类型,json还是xml? 2.怎么修改WebAPI的返回数据类型,我用IE浏览器请 求返回的数据都是JSON格式的 ...
- Metasploit的armitage初步使用
armitage的启动 root@kali:~# armitage 别急,过会儿就好了 . 等扫描完会弹出一个框框然后会多出目标的图标比如目标是打印机
- 基于JavaSwing的例子-非连接数据库
项目结构: Constant.java package com.mstf.test; import java.io.Serializable; public class Constant implem ...