StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
3.9 KiB
133 lines
3.9 KiB
const RuleSet = require('webpack/lib/RuleSet')
|
|
const progressiveLoaderModule = require('../progressive-loader/module')
|
|
let vueLoaderPath
|
|
try {
|
|
vueLoaderPath = require.resolve('vue-loader')
|
|
} catch (err) {}
|
|
|
|
function isVueLoader (use) {
|
|
return use.ident === 'vue-loader-options' ||
|
|
use.loader === 'vue-loader' ||
|
|
(vueLoaderPath && use.loader === vueLoaderPath)
|
|
}
|
|
|
|
class VuetifyLoaderPlugin {
|
|
constructor (options) {
|
|
this.options = options || {}
|
|
}
|
|
|
|
apply (compiler) {
|
|
// use webpack's RuleSet utility to normalize user rules
|
|
const rawRules = compiler.options.module.rules
|
|
const { rules } = new RuleSet(rawRules)
|
|
|
|
// find the rule that applies to vue files
|
|
const vueRuleIndex = rules.findIndex(rule => rule.use && rule.use.find(isVueLoader))
|
|
const vueRule = rules[vueRuleIndex]
|
|
|
|
if (!vueRule) {
|
|
throw new Error(
|
|
`[VuetifyLoaderPlugin Error] No matching rule for vue-loader found.\n` +
|
|
`Make sure there is at least one root-level rule that uses vue-loader.`
|
|
)
|
|
}
|
|
|
|
vueRule.use.unshift({
|
|
loader: require.resolve('./loader'),
|
|
options: {
|
|
match: this.options.match || [],
|
|
attrsMatch: this.options.attrsMatch || []
|
|
}
|
|
})
|
|
|
|
if (this.options.progressiveImages) {
|
|
const vueLoaderOptions = vueRule.use.find(isVueLoader).options
|
|
vueLoaderOptions.compilerOptions = vueLoaderOptions.compilerOptions || {}
|
|
vueLoaderOptions.compilerOptions.modules = vueLoaderOptions.compilerOptions.modules || []
|
|
vueLoaderOptions.compilerOptions.modules.push(progressiveLoaderModule)
|
|
|
|
const imageRuleIndex = rules.findIndex(rule => {
|
|
return rule.resource &&
|
|
!rule.resourceQuery &&
|
|
['.png', '.jpg', '.jpeg', '.gif'].some(ext => rule.resource(ext))
|
|
})
|
|
let imageRule = rules[imageRuleIndex]
|
|
|
|
const options = typeof this.options.progressiveImages === 'boolean'
|
|
? undefined
|
|
: this.options.progressiveImages
|
|
|
|
if (!imageRule) {
|
|
imageRule = {
|
|
test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)(\?.*)?$/,
|
|
oneOf: [
|
|
{
|
|
test: /\.(png|jpe?g|gif)$/,
|
|
resourceQuery: options ? options.resourceQuery : /vuetify-preload/,
|
|
use: [
|
|
{
|
|
loader: 'vuetify-loader/progressive-loader',
|
|
options
|
|
},
|
|
{
|
|
loader: 'url-loader',
|
|
options: { limit: 8000 }
|
|
}
|
|
]
|
|
},
|
|
{
|
|
loader: 'url-loader',
|
|
options: { limit: 8000 }
|
|
}
|
|
]
|
|
}
|
|
rules.push(imageRule)
|
|
} else {
|
|
if (Array.isArray(imageRule.use)) {
|
|
imageRule.oneOf = [
|
|
{
|
|
test: /\.(png|jpe?g|gif)$/,
|
|
resourceQuery: options ? options.resourceQuery : /vuetify-preload/,
|
|
use: [
|
|
{
|
|
loader: 'vuetify-loader/progressive-loader',
|
|
options
|
|
},
|
|
...imageRule.use
|
|
]
|
|
},
|
|
...imageRule.use
|
|
]
|
|
} else if (imageRule.loader) {
|
|
imageRule.oneOf = [
|
|
{
|
|
test: /\.(png|jpe?g|gif)$/,
|
|
resourceQuery: options ? options.resourceQuery : /vuetify-preload/,
|
|
use: [
|
|
{
|
|
loader: 'vuetify-loader/progressive-loader',
|
|
options
|
|
},
|
|
{
|
|
loader: imageRule.loader,
|
|
options: imageRule.options
|
|
}
|
|
]
|
|
},
|
|
{
|
|
loader: imageRule.loader,
|
|
options: imageRule.options
|
|
}
|
|
]
|
|
}
|
|
delete imageRule.use
|
|
delete imageRule.loader
|
|
delete imageRule.options
|
|
}
|
|
}
|
|
|
|
compiler.options.module.rules = rules
|
|
}
|
|
}
|
|
|
|
module.exports = VuetifyLoaderPlugin
|
|
|