文档章节

webpack 对外访问

mucoding
 mucoding
发布于 2016/10/27 23:51
字数 276
阅读 18
收藏 0
点赞 0
评论 0

安装 webpack

在此之前你应该已经安装了 node.js.

npm install webpack -g 参数-g表示我们将全局(global)安装 webpack, 这样你就能使用 webpack 命令了.

webpack 也有一个 web 服务器 webpack-dev-server, 我们也安装上

npm install webpack-dev-server -g webpack 配置文件

webpack 使用一个名为 webpack.config.js 的配置文件, 现在在你的项目根目录下创建该文件. 我们假设我们的工程有一个入口文件 app.js, 该文件位于 app/ 目录下, 并且希望 webpack 将它打包输出为 build/ 目录下的 bundle.js 文件. webpack.config.js 配置如下:

var path = require('path');

module.exports = { entry: path.resolve(__dirname, 'app/app.js'), output: { path: path.resolve(__dirname, 'build'), filename: 'bundle.js' } } 现在让我们测试一下, 创建 app/app.js 文件, 填入一下内容:

document.write('It works'); 创建 build/index.html, 填入以下内容:

<!DOCTYPE html>

<head> <meta charset="UTF-8"> <title>Hacker News Front Page</title> </head> <body> <script src="./bundle.js"></script> </body> </html> 其中 script 引入了 bundle.js, 这是 webpack 打包后的输出文件.

运行 webpack 打包, 运行 webpack-dev-server 启动服务器. 访问 http://localhost:8080/build/index.html, 如果一切顺利, 你会看到打印出了 It works.

**访问不了的时候执行 **

webpack-dev-server --host 0.0.0.0

© 著作权归作者所有

共有 人打赏支持
mucoding
粉丝 0
博文 35
码字总数 5744
作品 0
南京
程序员
webpack2入门+小案例

介绍 webpack 是一个 JavaScript 应用程序模块打包器(module bundler)。webpack 通过快速建立应用程序依赖图表并以正确的顺序打包它们来简化你的工作流。你能够针对你的代码来对 webpack 进行...

bug_killer ⋅ 2017/12/25 ⋅ 0

升级到新版的vue-cli后只能使用localhost访问无法使用ip访问 手机访问时只显示title不显示内容

只能使用localhost访问无法使用ip访问 手机访问时只显示title不显示内容 只能使用localhost访问,无法使用ip访问 关于这个问题,其实是因为 webpack 导致的,因为我们使用 vue-cli 来构建项目...

webpack+vue+es6 ⋅ 2017/12/19 ⋅ 0

一粒云盘--YliYun

产品说明 一粒云企业云盘是深圳一粒云科技有限公司针对企业推出的一款企业数据共享,存储,基于文件的对外对内办公协作,与移动办公相结合的数据管理系统。 一粒云盘拥有 web 端,windows p...

jiuyuehe ⋅ 2017/06/27 ⋅ 0

从 Sprockets 迁移到 Webpacker(上)

从 Sprockets 迁移到 Webpacker(上) 脱线道士维克多2017-12-222 阅读 javascript 为何要迁移 当年 Asset Pipeline 在 Rails 3.1 出现的时候确实很惊艳,但是近年来前端社区越来越火热,在大...

脱线道士维克多 ⋅ 2017/12/22 ⋅ 0

森波科技/vue-vueRouter-webpack

#vue-vueRouter-webpack 本项目可以帮你快速搭建一个基于Vue的单页面富应用,但这并不意味着是最佳实践,所有的目录结构和webpack配置都可以根据自己需要修改 ##教程 可以访问下面的链接来查看...

森波科技 ⋅ 2016/11/09 ⋅ 0

[译]如何写一个webpack插件

原文:how to write a plugin 译者:neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICEN......

neal ⋅ 2017/05/14 ⋅ 0

你不知道的圣诞礼物 - U4 2.0 内核正式登陆中文版 UC

估计各位用 UC 的小伙伴应该收到升级提醒了吧,没错,这是我们给大家发的圣诞礼物,还记得今年10月份杭州云栖大会上,UC 专场对外宣布 U4 内核 2.0 版本正式发布吧。当然,自从正式发布新内核...

小扎zack ⋅ 2017/12/26 ⋅ 0

从0开始发布一个无依赖、高质量的键盘npm

写在前面 没有发布过npm包的同学,可能会对NPM对开发有一种蜜汁敬畏,觉得这是一个很高大上的东西。甚至有次面试,面试官问我有没有发过npm包,当时只用过还没写过,我想应该挺难的,就小声说...

Simbawu ⋅ 05/22 ⋅ 0

从零开始搭Vue+webpack框架

前期准备 webpack vue.js npm nodejs ES6语法 由于本文内容是通过npm来加载vue,所以开始之前需安装nodejs环境,安装完成之后再执行以下步骤: 创建项目 使用 npm init 命令 生成package.jso...

筱飞 ⋅ 01/12 ⋅ 0

webpack学习之路

webpack学习之路 当自己在学习webpack的时候,在网上发现中文的很详细的教程很少,于是便想将自己学习webpack的笔记记录整理下来,便有了这篇文章,希望对大家有所帮助,如果有错误,欢迎大家...

一个胖子的我 ⋅ 2016/03/23 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

在java中读取文件(也支持读取jar中的文件)

getClass().getResourceAsStream("文件名.格式"); 这个方法是用于获取当前类所在目录下的文件;需要将文件放到和当前类同一个包下面 比如我有个类在 com.test这个包下, 要读取一个test.jpg的图...

太黑_thj ⋅ 55分钟前 ⋅ 0

CentOS 7 源码编译安装 MySQL 5.7记录

没事瞎折腾,本来可以yum安装,却偏偏去要编译源码。 1. 安装依赖包 1). 安装cmake等依赖 # yum install cmake ncurses ncurses-devel bison bison-devel 2). 安装boost 1.59.0 # wget htt...

admin_qing ⋅ 57分钟前 ⋅ 0

tcp/ip详解-链路层

简介 设计链路层的目的: 为IP模块发送和接收IP数据报 为ARP模块发送ARP请求和接收ARP应答 为RARP模块发送RARP请求和接收RARP应答 TCP/IP支持多种链路层协议,如以太网、令牌环往、FDDI、RS-...

loda0128 ⋅ 今天 ⋅ 0

spring.net aop代码例子

https://www.cnblogs.com/haogj/archive/2011/10/12/2207916.html

whoisliang ⋅ 今天 ⋅ 0

发送短信如何限制1小时内最多发送11条短信

发送短信如何限制1小时内最多发送11条短信 场景: 发送短信属于付费业务,有时为了防止短信攻击,需要限制发送短信的频率,例如在1个小时之内最多发送11条短信. 如何实现呢? 思路有两个 截至到当...

黄威 ⋅ 昨天 ⋅ 0

mysql5.7系列修改root默认密码

操作系统为centos7 64 1、修改 /etc/my.cnf,在 [mysqld] 小节下添加一行:skip-grant-tables=1 这一行配置让 mysqld 启动时不对密码进行验证 2、重启 mysqld 服务:systemctl restart mysql...

sskill ⋅ 昨天 ⋅ 0

Intellij IDEA神器常用技巧六-Debug详解

在调试代码的时候,你的项目得debug模式启动,也就是点那个绿色的甲虫启动服务器,然后,就可以在代码里面断点调试啦。下面不要在意,这个快捷键具体是啥,因为,这个keymap是可以自己配置的...

Mkeeper ⋅ 昨天 ⋅ 0

zip压缩工具、tar打包、打包并压缩

zip 支持压缩目录 1.在/tmp/目录下创建目录(study_zip)及文件 root@yolks1 study_zip]# !treetree 11└── 2 └── 3 └── test_zip.txt2 directories, 1 file 2.yum...

蛋黄Yolks ⋅ 昨天 ⋅ 0

聊聊HystrixThreadPool

序 本文主要研究一下HystrixThreadPool HystrixThreadPool hystrix-core-1.5.12-sources.jar!/com/netflix/hystrix/HystrixThreadPool.java /** * ThreadPool used to executed {@link Hys......

go4it ⋅ 昨天 ⋅ 0

容器之上传镜像到Docker hub

Docker hub在国内可以访问,首先要创建一个账号,这个后面会用到,我是用126邮箱注册的。 1. docker login List-1 Username不能使用你注册的邮箱,要用使用注册时用的username;要输入密码 ...

汉斯-冯-拉特 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部