你的位置:首页 > 软件开发 > Java > Webpack使用教程三(webpack

Webpack使用教程三(webpack

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

  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使用教程三(webpack

关键词:web

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。