我是 webpack 新手。对于我的项目,我有一个 config.js 文件。该文件基本上类似于 .net 中的 web.config。只是一个简单的配置文件,用于设置一些特定于环境的设置。我希望能够在部署时为每个环境添加一个新的配置文件。我遇到的问题是我并不总是知道配置设置是什么,比如说两周后,所以在实际的 webpack 配置中设置配置设置不是一个选项。
我将 config.js 添加到 webpack 配置中,并将哈希值和映射添加到配置文件中。这使得很难轻松地放入单独的配置文件。我们希望能够捆绑项目并将工件部署到不同的环境,而无需重新编译和捆绑
有没有办法只包含配置文件而不进行散列、捆绑和映射?非常感谢任何帮助!
这是我当前的配置文件:
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var helpers = require('./helpers');
module.exports = {
entry: {
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/main.ts',
'config': './config/config.js'
},
resolve: {
extensions: ['', '.js', '.ts']
},
module: {
loaders: [
{
test: /\.ts$/,
loaders: ['awesome-typescript-loader', 'angular2-template-loader']
},
{
test: /\.html$/,
loader: 'html'
},
{
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
loader: 'file?name=assets/[name].[hash].[ext]'
},
{
test: /\.css$/,
exclude: helpers.root('src', 'app'),
loader: ExtractTextPlugin.extract('style', 'css?sourceMap')
},
{
test: /\.css$/,
include: helpers.root('src', 'app'),
loader: 'raw'
}
]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills']
}),
new HtmlWebpackPlugin({
template: 'src/index.html'
}),
]
};
最佳答案
我想实现这一点的唯一方法是在应用程序启动时获取配置。
关于angular - Webpack - 如何在运行时包含简单的配置文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39574038/