const path = require('path')
|
const webpack = require('webpack')
|
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
const CopyWebpackPluginVersion = Number(require('copy-webpack-plugin/package.json').version.split('.')[0])
|
|
const merge = require('webpack-merge')
|
|
const {
|
getPartialIdentifier
|
} = require('./util')
|
|
function resolve (dir) {
|
return path.resolve(__dirname, '..', dir)
|
}
|
|
module.exports = function configureWebpack (platformOptions, manifestPlatformOptions, vueOptions, api) {
|
const {
|
runByHBuilderX, // 使用 HBuilderX 运行
|
isInHBuilderX, // 在 HBuilderX 的插件中
|
hasModule,
|
jsPreprocessOptions,
|
htmlPreprocessOptions,
|
uts
|
} = require('@dcloudio/uni-cli-shared')
|
|
const {
|
getPlatformVue
|
} = require('@dcloudio/uni-cli-shared/lib/platform')
|
|
const {
|
getCopyWebpackPluginOptions
|
} = require('./copy-webpack-options')
|
|
function createMatcher (fakeFile) {
|
return (rule, i) => {
|
const clone = Object.assign({}, rule)
|
delete clone.include
|
if (webpack.version[0] > 4) {
|
const BasicEffectRulePlugin = require('webpack/lib/rules/BasicEffectRulePlugin')
|
const BasicMatcherRulePlugin = require('webpack/lib/rules/BasicMatcherRulePlugin')
|
const RuleSetCompiler = require('webpack/lib/rules/RuleSetCompiler')
|
const UseEffectRulePlugin = require('webpack/lib/rules/UseEffectRulePlugin')
|
const ruleSetCompiler = new RuleSetCompiler([
|
new BasicMatcherRulePlugin('test', 'resource'),
|
new BasicMatcherRulePlugin('include', 'resource'),
|
new BasicMatcherRulePlugin('exclude', 'resource', true),
|
new BasicMatcherRulePlugin('resource'),
|
new BasicMatcherRulePlugin('conditions'),
|
new BasicMatcherRulePlugin('resourceQuery'),
|
new BasicMatcherRulePlugin('realResource'),
|
new BasicMatcherRulePlugin('issuer'),
|
new BasicMatcherRulePlugin('compiler'),
|
new BasicEffectRulePlugin('type'),
|
new BasicEffectRulePlugin('sideEffects'),
|
new BasicEffectRulePlugin('parser'),
|
new BasicEffectRulePlugin('resolve'),
|
new BasicEffectRulePlugin('generator'),
|
new UseEffectRulePlugin()
|
])
|
const ruleSet = ruleSetCompiler.compile([{
|
rules: [clone]
|
}])
|
const rules = ruleSet.exec({
|
resource: fakeFile
|
})
|
return rules.length > 0 && rule.use
|
} else {
|
const RuleSet = require('webpack/lib/RuleSet')
|
const normalized = RuleSet.normalizeRule(clone, {}, '')
|
return (
|
!rule.enforce &&
|
normalized.resource &&
|
normalized.resource(fakeFile)
|
)
|
}
|
}
|
}
|
|
function updateJsLoader (rawRules, fakeFile, checkLoaderRegex, loader) {
|
const matchRule = rawRules.find(createMatcher(fakeFile))
|
|
const matchUse = matchRule.use
|
|
const matchLoaderUseIndex = matchUse.findIndex(u => {
|
return checkLoaderRegex.test(u.loader)
|
})
|
|
if (matchLoaderUseIndex < 0) {
|
throw new Error(`No matching use for ${fakeFile}`)
|
}
|
|
matchUse.push(loader)
|
}
|
|
const tsLoaderOptions = require('./util').getTsLoadOptions()
|
|
function updateTsLoader (rawRules, fakeFile, loader, appendUTS = false) {
|
const matchRule = rawRules.find(createMatcher(fakeFile))
|
if (matchRule && matchRule.use) {
|
if (isInHBuilderX) {
|
matchRule.use.forEach(matchUse => {
|
if (matchUse.loader.includes('ts-loader')) {
|
Object.assign(matchUse.options, tsLoaderOptions)
|
if (appendUTS) {
|
if (!Array.isArray(matchUse.options.appendTsSuffixTo)) {
|
matchUse.options.appendTsSuffixTo = [matchUse.options.appendTsSuffixTo]
|
}
|
matchUse.options.appendTsSuffixTo.push(/\.uts$/)
|
}
|
}
|
})
|
}
|
if (appendUTS) {
|
if (!Array.isArray(matchRule.test)) {
|
matchRule.test = [matchRule.test]
|
}
|
matchRule.test.push(/\.uts$/)
|
}
|
matchRule.use.push(loader)
|
}
|
}
|
|
function removeForkTsCheckerWebpackPlugin (rawPlugins) {
|
if (isInHBuilderX && hasModule('fork-ts-checker-webpack-plugin')) {
|
const pluginIndex = rawPlugins.findIndex(rawPlugin => rawPlugin.vue && rawPlugin.typescriptVersion)
|
if (pluginIndex !== -1) {
|
// 移除fork-ts-checker-webpack-plugin
|
rawPlugins.splice(pluginIndex, 1)
|
// 恢复vue-loader的ts检查
|
tsLoaderOptions.transpileOnly = false
|
}
|
}
|
}
|
const babelLoaderRe = /^babel-loader|(\/|\\|@)babel-loader/
|
const cacheLoaderRe = /^cache-loader|(\/|\\|@)cache-loader/
|
return function (webpackConfig) {
|
// disable js cache-loader
|
const rawRules = webpackConfig.module.rules
|
for (let i = rawRules.length - 1; i >= 0; i--) {
|
const uses = rawRules[i].use
|
if (Array.isArray(uses)) {
|
const babelLoader = uses.find(use => babelLoaderRe.test(use.loader))
|
if (babelLoader) {
|
const options = api.genCacheConfig('babel-loader/' + process.env.UNI_PLATFORM, getPartialIdentifier())
|
if (webpack.version[0] > 4) {
|
babelLoader.options = babelLoader.options || {}
|
Object.assign(babelLoader.options, process.env.UNI_USING_CACHE ? options : {
|
cacheDirectory: false
|
})
|
} else {
|
const index = uses.findIndex(use => cacheLoaderRe.test(use.loader))
|
if (index >= 0) {
|
if (process.env.UNI_USING_CACHE) {
|
Object.assign(uses[index].options, options)
|
} else {
|
uses.splice(index, 1)
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// 如果在 HBuilderX 中
|
removeForkTsCheckerWebpackPlugin(webpackConfig.plugins)
|
// js preprocess
|
updateJsLoader(rawRules, 'foo.js', babelLoaderRe, {
|
loader: resolve('packages/webpack-preprocess-loader'),
|
options: jsPreprocessOptions
|
})
|
// ts options and preprocess
|
updateTsLoader(rawRules, 'foo.ts', {
|
loader: resolve('packages/webpack-preprocess-loader'),
|
options: jsPreprocessOptions
|
}, true)
|
updateTsLoader(rawRules, 'foo.tsx', {
|
loader: resolve('packages/webpack-preprocess-loader'),
|
options: jsPreprocessOptions
|
})
|
|
let platformWebpackConfig = platformOptions.webpackConfig
|
if (typeof platformWebpackConfig === 'function') {
|
platformWebpackConfig = platformWebpackConfig(webpackConfig, vueOptions, api)
|
}
|
// 移除 node_modules 目录，避免受路径上的 node_modules 影响
|
if (require('@dcloudio/uni-cli-shared/lib/util').isInHBuilderX) {
|
webpackConfig.resolve.modules = webpackConfig.resolve.modules.filter(module => module !== 'node_modules')
|
}
|
|
const plugins = []
|
|
const isAppView = process.env.UNI_PLATFORM === 'app-plus' &&
|
vueOptions.pluginOptions &&
|
vueOptions.pluginOptions['uni-app-plus'] &&
|
vueOptions.pluginOptions['uni-app-plus'].view
|
|
if (!isAppView) { // app-plus view不需要copy
|
const patterns = getCopyWebpackPluginOptions(manifestPlatformOptions, vueOptions)
|
plugins.push(new CopyWebpackPlugin(CopyWebpackPluginVersion > 5 ? {
|
patterns
|
} : patterns))
|
|
const uniExtApis = require('@dcloudio/uni-cli-shared/lib/uts/uni_modules')
|
.parseUniExtApis(false, process.env.UNI_UTS_PLATFORM, 'javascript')
|
const keys = Object.keys(uniExtApis)
|
if (keys.length) {
|
const provides = {}
|
keys.forEach(name => {
|
const provide = uniExtApis[name]
|
if (Array.isArray(provide) && provide.length === 3) {
|
provide.pop()
|
}
|
provides[name] = provide
|
})
|
plugins.push(new webpack.ProvidePlugin(provides))
|
}
|
}
|
if (!process.env.UNI_SUBPACKGE || !process.env.UNI_MP_PLUGIN) {
|
try {
|
const automatorJson = require.resolve('@dcloudio/uni-automator/dist/automator.json')
|
const patterns = [{
|
from: automatorJson,
|
to: '../.automator/' + (process.env.UNI_SUB_PLATFORM || process.env.UNI_PLATFORM) +
|
'/.automator.json',
|
transform (content) {
|
if (process.env.UNI_AUTOMATOR_WS_ENDPOINT) {
|
return JSON.stringify({
|
version: require('@dcloudio/uni-automator/package.json').version,
|
wsEndpoint: process.env.UNI_AUTOMATOR_WS_ENDPOINT
|
})
|
}
|
return ''
|
}
|
}]
|
plugins.push(new CopyWebpackPlugin(CopyWebpackPluginVersion > 5 ? {
|
patterns
|
} : patterns))
|
} catch (e) {}
|
}
|
|
if (process.UNI_SCRIPT_ENV && Object.keys(process.UNI_SCRIPT_ENV).length) {
|
// custom define
|
const envs = Object.create(null)
|
Object.keys(process.UNI_SCRIPT_ENV).forEach(name => {
|
envs['process.env.' + name] = JSON.stringify(process.UNI_SCRIPT_ENV[name])
|
})
|
plugins.push(new webpack.DefinePlugin(envs))
|
}
|
|
if (runByHBuilderX) { // 使用 HBuilderX 中运行时，调整错误日志输出
|
const WebpackErrorsPlugin = require('../packages/webpack-errors-plugin')
|
const onErrors = require('../util/on-errors')
|
const onWarnings = require('../util/on-warnings')
|
plugins.push(new WebpackErrorsPlugin({
|
onErrors,
|
onWarnings
|
}))
|
}
|
|
const rules = [{
|
test: path.resolve(process.env.UNI_INPUT_DIR, 'pages.json'),
|
use: [{
|
loader: 'babel-loader'
|
}, {
|
loader: '@dcloudio/webpack-uni-pages-loader'
|
}],
|
type: 'javascript/auto'
|
},
|
{
|
resourceQuery: /vue&type=template/,
|
use: [{
|
loader: resolve('packages/webpack-preprocess-loader'),
|
options: htmlPreprocessOptions
|
}]
|
}
|
]
|
|
if (!process.env.UNI_USING_COMPONENTS) { // 新版本，在 script-loader 中处理（为了避免 babel generator 移除部分条件编译代码）
|
rules.push({
|
resourceQuery: /vue&type=script/,
|
use: [{
|
loader: resolve('packages/webpack-preprocess-loader'),
|
options: jsPreprocessOptions
|
}]
|
})
|
}
|
|
if (process.env.NODE_ENV === 'development' || (process.env.NODE_ENV === 'production' && process.env
|
.SOURCEMAP === 'true')) {
|
const sourceMap = require('@dcloudio/uni-cli-shared/lib/source-map')
|
let isAppService = false
|
if (
|
process.env.UNI_PLATFORM === 'app-plus' &&
|
vueOptions.pluginOptions &&
|
vueOptions.pluginOptions['uni-app-plus']
|
) {
|
isAppService = !!vueOptions.pluginOptions['uni-app-plus'].service
|
}
|
|
const useEvalSourceMap = process.env.UNI_PLATFORM === 'h5' || isAppService
|
const useSourceMap = process.env.UNI_PLATFORM.indexOf('mp-') === 0 &&
|
process.env.UNI_PLATFORM !== 'mp-baidu' &&
|
process.env.UNI_PLATFORM !== 'mp-alipay' &&
|
process.env.UNI_PLATFORM !== 'quickapp-webview' &&
|
process.env.UNI_PLATFORM !== 'mp-harmony' // 目前 ov 的开发工具支持 eval 模式
|
|
if (process.env.NODE_ENV === 'production') {
|
const sourceMapOptions = {
|
noSources: true,
|
append: false
|
}
|
if (isInHBuilderX && process.env.SOURCEMAP_PATH) {
|
sourceMapOptions.filename = process.env.SOURCEMAP_PATH
|
}
|
if (useEvalSourceMap || useSourceMap) {
|
plugins.push(sourceMap.createSourceMapDevToolPlugin(!sourceMapOptions.filename, sourceMapOptions))
|
}
|
} else {
|
if (useEvalSourceMap) {
|
plugins.push(sourceMap.createEvalSourceMapDevToolPlugin())
|
} else if (useSourceMap) {
|
plugins.push(sourceMap.createSourceMapDevToolPlugin(process.env.UNI_PLATFORM === 'mp-weixin' || process
|
.env.UNI_PLATFORM === 'mp-toutiao'))
|
}
|
}
|
}
|
|
try {
|
if (process.env.UNI_HBUILDERX_PLUGINS) {
|
require(path.resolve(process.env.UNI_HBUILDERX_PLUGINS, 'uni_helpers/lib/bytenode'))
|
const {
|
W
|
} = require(path.resolve(process.env.UNI_HBUILDERX_PLUGINS, 'uni_helpers'))
|
plugins.push(new W({
|
dir: process.env.UNI_INPUT_DIR
|
}))
|
}
|
} catch (e) {}
|
|
const resolveLoaderAlias = {}
|
const modules = ['@vue/cli-plugin-babel', '@vue/cli-service']
|
modules.forEach(m => {
|
const {
|
dependencies
|
} = require(`${m}/package.json`)
|
Object.keys(dependencies).forEach(key => {
|
if (/-loader$/.test(key)) {
|
resolveLoaderAlias[key] = require.resolve(key)
|
}
|
})
|
})
|
|
const alias = {
|
'@': path.resolve(process.env.UNI_INPUT_DIR),
|
'./@': path.resolve(process.env
|
.UNI_INPUT_DIR), // css中的'@/static/logo.png'会被转换成'./@/static/logo.png'加载
|
vue$: getPlatformVue(vueOptions),
|
'uni-pages': path.resolve(process.env.UNI_INPUT_DIR, 'pages.json'),
|
'uni-stat-config': path.resolve(process.env.UNI_INPUT_DIR, 'pages.json') +
|
'?' +
|
JSON.stringify({
|
type: 'stat'
|
}),
|
vuex: require.resolve('@dcloudio/vue-cli-plugin-uni/packages/vuex3'),
|
'@vue/composition-api': require.resolve('@dcloudio/vue-cli-plugin-uni/packages/@vue/composition-api'),
|
'@dcloudio/uni-console': require.resolve('@dcloudio/vue-cli-plugin-uni/packages/uni-console/dist/index.esm.js')
|
}
|
|
if (process.env.UNI_PLATFORM.startsWith('mp')) {
|
const BabelRuntimeVersions = require('@babel/runtime/package.json').version.split('.')
|
if (BabelRuntimeVersions[0] === '7' && Number(BabelRuntimeVersions[1]) >= 18) {
|
alias['@babel/runtime/regenerator'] = require.resolve(
|
'@dcloudio/vue-cli-plugin-uni/packages/@babel/runtime/regenerator')
|
}
|
}
|
|
return merge({
|
devtool: false,
|
resolve: {
|
alias,
|
modules: [
|
process.env.UNI_INPUT_DIR,
|
path.resolve(process.env.UNI_INPUT_DIR, 'node_modules')
|
],
|
plugins: [
|
new uts.UTSResolverPlugin()
|
]
|
},
|
module: {
|
noParse: /^(vue|vue-router|vuex|vuex-router-sync)$/,
|
rules
|
},
|
resolveLoader: {
|
alias: resolveLoaderAlias
|
},
|
plugins,
|
performance: {
|
assetFilter (assetFilename) {
|
return !(/\.map$/.test(assetFilename)) && !(/vendor/.test(assetFilename))
|
}
|
},
|
watchOptions: require('./util').getWatchOptions()
|
}, platformWebpackConfig)
|
}
|
}
|
