Webpack-Serve示例

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack-Serve示例相关的知识,希望对你有一定的参考价值。

我正处于从Webpack 3到4更新我的一个旧项目的噩梦般的过程中,它引入了一系列需要修复的东西。到目前为止最烦人的一个肯定是从webpack-dev-server切换到webpack-serve,因为它缺乏一个实际的例子。所以考虑到这一点,我怎么用它呢?

使用Webpack 4.14.0和Webpack-Serve 1.0.4。

我的webpack.config.js为webpack-dev-server提供了以下选项:

devServer: {
      contentBase: path.join(__dirname, 'public'),
      historyApiFallback: true,
      publicPath: '/dist/'
}

我还没有看到历史或公共路径的选项,所以我想我只需要内容配置选项。

所以根据我应该做的文档:

serve({
    content: path.join(__dirname, 'public')
});

但是我把它放在哪里? Github自述文件声称最常用的是把它放到webpack.config.js但这似乎是假的,因为这个例子也是这样做的:

const serve = require('webpack-serve');
const config = require('./webpack.config.js');

serve({ config });

我真的要将配置文件导入到自身中吗?

我很欣赏一个例子。谢谢。

答案

我在another question回答“如何设置webpack-serve”非常相似。

为简单起见,我还将完整的示例上传到Github

以上是关于Webpack-Serve示例的主要内容,如果未能解决你的问题,请参考以下文章

处理屏幕旋转上的片段重复(带有示例代码)

LockSupport.java 中的 FIFO 互斥代码片段

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

Python 向 Postman 请求代码片段

android片段表格布局

10个JavaScript代码片段,使你更加容易前端开发。