webpack - Webpack Aurelia - 如何配置并非所有块都与 Aurelia 捆绑在一起?
问题描述
我正在使用 Aurelia 的 Webpack 示例(https://aurelia.io/docs/build-systems/webpack/a-basic-example#basic-config-example)来设置我的 Webpack 配置:
const { AureliaPlugin } = require('aurelia-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const { resolve } = require('path')
module.exports = function(mode) {
return {
mode: mode || 'development',
resolve: {
extensions: ['.ts', '.js'],
modules: [resolve(__dirname, 'src'), resolve(__dirname, 'node_modules')],
},
entry: {
addOn: './dist/ContentScript/WebExtContentScriptApp.js',
// the 'aurelia-bootstrapper' entry point is responsible for resolving your app code
app: ['aurelia-bootstrapper'],
},
output: {
filename: '[name].js',
path: resolve(__dirname, 'dist'),
},
watch: mode === 'development',
devtool: mode === 'development' ? 'inline-source-map' : 'source-map',
devServer: {
contentBase: './dist',
},
module: {
rules: [
{ test: /\.html$/i, loader: 'html-loader' },
{ test: /\.ts$/i, loader: 'ts-loader' },
],
},
plugins: [
// the AureliaPlugin translates Aurelia's conventions to something Webpack understands
// and must be included in order for Webpack to work
new AureliaPlugin(),
new HtmlWebpackPlugin({
template: 'index.ejs',
chunks: ['app'],
metadata: { dev: mode !== 'production' },
}),
],
}
}
我添加了另一个entry
配置addOn
。现在运行webpack
会按预期生成两个块:app
和addOn
. 唯一出乎意料(不想要)的是,两个块都与aurelia
模块捆绑在一起。仅app
应与aurelia
模块捆绑在一起。
我如何确定哪个块应该与aurelia
模块捆绑在一起?
解决方案
可以将entry
to use 传递给AureliaPlugin
using 对象字面量的构造函数:
new AureliaPlugin({
entry: 'app',
})
该entry
选项和其他选项可以在这里找到:https ://github.com/aurelia/webpack-plugin/wiki/AureliaPlugin-options 。
推荐阅读
- sql - SQL Server 远程访问 - 无法连接
- python - 德语词干分析器不会删除女性后缀“-in”和“-innen”
- laravel - 如何从选择输入 laravel 中获取多个选项
- javascript - 异步函数调用中的回调错误
- c - POSIX 线程 API 是如何版本化的,自 1995 年以来它是否已更新?
- angular - 在 Angular 模板语法中,当使用嵌套的 *ngFor(或 ngForOf)时,是否可以跟踪较低级别项目的绝对计数?
- python - SQL / SQLAlchemy 计数不同的日期
- vb.net - 拔下usb串口/串口时如何显示msgbox?
- html - 使用 DLL 从单独的项目渲染视图
- python - 如何按年扩展熊猫时间戳?