你的位置:首页 > Java教程

[Java教程]Webpack使用教程三(webpack


  Webpack给本地开发提供了一个可选的服务器webpack-dev-server。webpack-dev-server是一个很小的express应用,使用前需要用npm安装,它根据webpack.config.js文件中的选项构建。常见的选项如下:

webpack-dev-server选项

选项说明
content-Base默认情况下,webpack-dev-server会从项目的根目录提供文件,可以通过此选项设置文件的目录名
port服务器使用的端口,默认情况下为8080
inline设为true时可以在文件发生变化时,更新页面
colors设置终端输出字体颜色
historyApiFallback当设置为true时,访问所有服务器上不存在的文件,都会被重定向到/,也就是index.html文件

 

  下面我们通过简单的例子来学习webpack-dev-server的用法。项目目录和结构仍然与教程一中的基本一致,不同的是要增加一个webpack.config.js文件:

module.exports = {  devtool: 'eval-source-map',  entry: __dirname + "/app/main.js",  output: {    path: __dirname + "/public",    filename: "bundle.js"  },  devServer: {    contentBase: "./public", //以public为根目录提供文件    colors: true,    historyApiFallback: true,    inline: true  }};

  

  然后运行webpack-dev-server命令,顺利启动服务器后,在浏览器中输入http://localhost:8080/index.html就可以看到页面了。




深圳旅游哪里好玩呢深圳免费旅游景点大全深圳市周边旅游景点深圳旅游哪家旅行社好深圳一日游攻略大全台城到那琴半岛地质海洋公园在哪里坐车?台城到那琴半岛地质海洋公园坐车多少钱? 自驾太平湖 畅游东方日内瓦湖 台城到那琴半岛地质海洋公园怎样坐车?台城到那琴半岛地质海洋公园坐几路车直达? 春天来了 盘点江苏五大最美油菜花地 中山逍遥谷几点开门?五桂山逍遥谷开门时间? 中山市逍遥谷经过公车?五桂山逍遥谷乘车路线? 五桂山逍遥谷联系电话?中山五桂山逍遥谷门票价格? 中山市逍遥谷上山怎么样?五桂山逍遥谷图片? 五星漂流网上预订?清远五星漂流订票电话? 清远五星漂流一天游攻略?五星漂流度假区游玩项目有哪些? 广州清远漂流攻略?清远五星漂流度假区怎么样? 深圳西冲海豚湾度假沙滩好玩吗?怎么去? 河源热龙漂流好玩吗?河源和平热龙漂流怎么样? 石花水洞时间?海南石花水洞门票优惠时间? 和平热水漂流开放时间?河源和平热水漂流什么时候结束? 游石花水洞景区门票有优惠吗?海南石花水洞咨询电话? Q65110A8680 Datasheet Q65110A8680 Datasheet Q65110A8681 Datasheet Q65110A8681 Datasheet Q65110A8682 Datasheet Q65110A8682 Datasheet 广州有哪些汽车站 广州有哪些汽车站 广州有哪些汽车站 厦门有什么山可以爬 厦门有什么山可以爬 厦门有什么山可以爬 海港城在哪 海港城在哪 海港城在哪