使用 webpack-dev-serve 提供构建版本

问题描述

我创建了一个供内部使用的 Typescript 库，并且我想配置我的 webpack-dev-serve 来为必须在本地开发中使用它的用户提供我的库的构建版本。

因为目前，我必须先运行 npm run build，然后是 npm run start。我想要实现的是删除运行构建步骤并对 webpack-dev-serve 说，为我提供构建版本。尝试了几种方法都没有解决，可能是我错了。

package.json

{
  "name": "lib","version": "0.0.0","scripts": {
    "start": "webpack serve --mode=production","build": "webpack --mode=production",...
}

webpack.config.js

const path = require('path');

module.exports = (env = {}) => {
  return {
    devtool: env.WEBPACK_SERVE ? 'source-map' : undefined,devServer: {
      filename: 'main.js',port: 5050,},entry: './src/main.ts',module: {
      rules: [
        {
          exclude: /node_modules/,test: /\.tsx?$/,use: 'ts-loader',],output: {
        filename: 'main.js',libraryTarget: 'system',path: path.join(__dirname,'dist'),resolve: {
      extensions: ['.js','.ts'],};
};

我的方法：

我尝试使用标志 --mode=production，但代码完全不同，对我不起作用。
我在 historyApiFallback 中包含了 devServe，指向路径 dist/main.js，但我仍然需要先运行 npm run build

我的目标是调用 localhost:5050/main.js 路径并获取构建版本。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

webpack webpack webpack webpack-dev-server