如何解决使用 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 举报,一经查实,本站将立刻删除。