const fs = require('fs')
|
const path = require('path')
|
const webpack = require('webpack')
|
|
const {
|
getMainEntry,
|
getH5Options,
|
getPlatformStat,
|
getPlatformPush,
|
getPlatformUniCloud,
|
getDevUniConsoleCode
|
} = require('@dcloudio/uni-cli-shared')
|
|
const {
|
getGlobalUsingComponentsCode
|
} = require('@dcloudio/uni-cli-shared/lib/pages')
|
|
const modifyVueLoader = require('../vue-loader')
|
|
const WebpackHtmlAppendPlugin = require('../../packages/webpack-html-append-plugin')
|
|
const WebpackUniAppPlugin = require('../../packages/webpack-uni-app-loader/plugin/index')
|
|
function resolve (dir) {
|
return path.resolve(__dirname, '../../', dir)
|
}
|
|
const {
|
title,
|
publicPath,
|
template,
|
devServer
|
} = getH5Options()
|
|
const runtimePath = '@dcloudio/uni-mp-weixin/dist/mp.js'
|
const wxsPath = '@dcloudio/uni-mp-weixin/dist/wxs.js'
|
const uniCloudPath = path.resolve(__dirname, '../../packages/uni-cloud/dist/index.js')
|
|
function getProvides () {
|
return {
|
__f__: [path.resolve(__dirname, '../format-log.js'), 'log'],
|
uniCloud: [uniCloudPath, 'uniCloud'],
|
'wx.nextTick': [runtimePath, 'nextTick'],
|
Page: [runtimePath, 'Page'],
|
Component: [runtimePath, 'Component'],
|
Behavior: [runtimePath, 'Behavior'],
|
getDate: [wxsPath, 'getDate'],
|
getRegExp: [wxsPath, 'getRegExp']
|
}
|
}
|
|
const plugins = [
|
new WebpackUniAppPlugin(),
|
new webpack.ProvidePlugin(getProvides())
|
]
|
|
if (process.env.NODE_ENV !== 'production') {
|
plugins.push(new WebpackHtmlAppendPlugin(
|
`
|
<script>
|
${fs.readFileSync(path.resolve(__dirname, './auto-reload.js'), 'utf8')}
|
</script>
|
`
|
))
|
}
|
|
const vueConfig = {
|
parallel: false, // 因为传入了自定义 compiler，避免参数丢失，禁用parallel
|
publicPath,
|
pages: {
|
index: {
|
// page 的入口
|
entry: path.resolve(process.env.UNI_INPUT_DIR, getMainEntry()),
|
// 模板来源
|
template,
|
// 在 dist/index.html 的输出
|
filename: 'index.html',
|
// 当使用 title 选项时，
|
// template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
|
title,
|
// 在这个页面中包含的块，默认情况下会包含
|
// 提取出来的通用 chunk 和 vendor chunk。
|
chunks: ['chunk-vendors', 'chunk-common', 'index'],
|
baseUrl: publicPath
|
}
|
}
|
}
|
|
if (devServer && Object.keys(devServer).length) {
|
vueConfig.devServer = devServer
|
}
|
|
module.exports = {
|
vueConfig,
|
webpackConfig (webpackConfig) {
|
let useBuiltIns = 'usage'
|
|
const statCode = getPlatformStat()
|
const pushCode = getPlatformPush()
|
const uniCloudCode = getPlatformUniCloud()
|
try {
|
const babelConfig = require(path.resolve(process.env.UNI_CLI_CONTEXT, 'babel.config.js'))
|
useBuiltIns = babelConfig.presets[0][1].useBuiltIns
|
} catch (e) {}
|
|
const beforeCode = (useBuiltIns === 'entry' ? 'import \'@babel/polyfill\';' : '') +
|
getDevUniConsoleCode() + `import 'uni-pages';import 'uni-${process.env.UNI_PLATFORM}';`
|
|
return {
|
resolve: {
|
extensions: ['.uts', '.nvue'],
|
alias: {
|
'vue-router': resolve('packages/h5-vue-router'),
|
'uni-h5': require.resolve('@dcloudio/uni-h5')
|
}
|
},
|
module: {
|
rules: [{
|
test: path.resolve(process.env.UNI_INPUT_DIR, getMainEntry()),
|
use: [{
|
loader: path.resolve(__dirname, '../../packages/wrap-loader'),
|
options: {
|
before: [
|
beforeCode + require('../util').getAutomatorCode() + statCode + pushCode + uniCloudCode +
|
getGlobalUsingComponentsCode()
|
]
|
}
|
}]
|
}, {
|
test: /App\.vue$/,
|
use: {
|
loader: path.resolve(__dirname, '../../packages/wrap-loader'),
|
options: {
|
before: ['<template><App :keepAliveInclude="keepAliveInclude"/></template>']
|
}
|
}
|
}, { // 解析组件，css 等
|
resourceQuery: /vue&type=script/,
|
use: [{
|
loader: path.resolve(__dirname,
|
'../../packages/webpack-uni-app-loader/using-components')
|
}]
|
}, {
|
resourceQuery: /vue&type=template/,
|
use: [{
|
loader: resolve('packages/webpack-uni-app-loader/filter-modules-template.js')
|
}, {
|
loader: '@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta'
|
}]
|
}, {
|
resourceQuery: [/lang=wxs/, /blockType=wxs/],
|
use: [{
|
loader: resolve('packages/webpack-uni-filter-loader')
|
}]
|
}]
|
},
|
resolveLoader: {
|
alias: {
|
'vue-style-loader': resolve('packages/h5-vue-style-loader')
|
}
|
},
|
plugins,
|
optimization: {
|
moduleIds: webpack.version[0] > 4 ? 'deterministic' : 'hashed'
|
},
|
devServer: webpack.version[0] > 4 ? {
|
watchFiles: {
|
options: require('../util').getWatchOptions()
|
}
|
} : {
|
watchOptions: require('../util').getWatchOptions()
|
}
|
}
|
},
|
chainWebpack (webpackConfig, vueOptions, api) {
|
webpackConfig.plugins.delete('copy')
|
|
if (!process.env.UNI_OPT_PREFETCH) {
|
webpackConfig.plugins.delete('prefetch-index')
|
}
|
if (!process.env.UNI_OPT_PRELOAD) {
|
webpackConfig.plugins.delete('preload-index')
|
}
|
|
const compilerOptions = require('./compiler-options')
|
if (publicPath === './') {
|
compilerOptions.publicPath = publicPath
|
}
|
modifyVueLoader(webpackConfig, {
|
isH5: true,
|
hotReload: true
|
}, compilerOptions, api)
|
|
if (process.env.NODE_ENV === 'production') {
|
require('./cssnano-options')(webpackConfig)
|
}
|
}
|
}
|
