use*_*711 6 typescript webpack
我们正在尝试使用基本配置和多个条目配置来设置 webpack。基础功能几乎可以完成所有操作,但根据构建目标还包含一些额外的文件。我们的基础条目设置如下:
const webpack = require("webpack");
const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = (env) => {
return {
entry: {
...
},
output: {
...
},
optimization: {
...
},
module: {
...
},
resolve: {
...
},
plugins: [
...
]
};
};
Run Code Online (Sandbox Code Playgroud)
条目配置设置如下:
const webpack = require('webpack');
const merge = require('webpack-merge');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const common = require('./webpack.common.js');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
module.exports = (env) => {
return merge(common(env), {
mode: 'production',
plugins: [
...
]
});
}
Run Code Online (Sandbox Code Playgroud)
这在我的机器上运行良好,但是当其他人运行它时,他们会得到:
类型错误:common 不是函数
这是将选项传递到入口和基础 webpack 文件的最佳方式吗?这一切似乎在本地运行良好,并且正确构建了所有内容并且运行。我们使用 webpack.DefinePlugin 使传入的条目在 javascript 应用程序中可用。
当我删除存储库时,只需发布最小的重现设置以供将来参考(这对我来说效果很好)。该问题是合并问题,与 webpack 无关。
// file: src/hello-world.js
module.exports = () => {
console.log("Hello, world!");
}
// file: src/index.js
const helloWorld = require('./hello-world');
helloWorld();
// file: webpack.common.js
module.exports = (env) => {
console.log("./webpack.common: " + env + " was passed for argument 'env'.");
return {
mode: env
}
};
// file: webpack.config.js
const webpack = require('webpack');
const merge = require('webpack-merge');
const common = require('./webpack.common');
module.exports = (env) => {
return merge(common(env), {});
};
// file: package.json
{
"name": "webpack-param-repro",
"version": "1.0.0",
"description": "A minimal app to reproduce the problem in /sf/ask/3681627701/",
"main": "dist/main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Mehmet Seckin",
"repository": {
"type": "git",
"url": "https://github.com/seckin92/webpack-param-repro"
},
"license": "ISC",
"devDependencies": {
"webpack": "^4.20.2",
"webpack-cli": "^3.1.2",
"webpack-merge": "^4.1.4"
}
}
Run Code Online (Sandbox Code Playgroud)