mirror/vue-cli
1
0
Fork 0
mirror of https://github.com/vuejs/vue-cli.git synced 2026-04-24 05:50:21 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: make public dir optional

Browse Source 
close #1265
This commit is contained in:
Evan You
2018-05-28 14:33:45 -04:00
parent 9a4159dd9c
commit 1719622494
3 changed files with 45 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/@vue/cli-service/lib/commands/build/index.js
+1 -1
View File
@@ -59,7 +59,7 @@ module.exports = (api, options) => {
// respect inline build destination in copy plugin
if (args.dest) {
api.chainWebpack(config => {
if (args.target === 'app') {
if (config.plugins.has('copy')) {
config.plugin('copy').tap(args => {
args[0][0].to = targetDir
return args
packages/@vue/cli-service/lib/config/app.js
+32 -27
View File
@@ -1,4 +1,6 @@
// config that are specific to --target app
const fs = require('fs')
const path = require('path')
module.exports = (api, options) => {
api.chainWebpack(webpackConfig => {
@@ -7,9 +9,16 @@ module.exports = (api, options) => {
return
}
const isProd = process.env.NODE_ENV === 'production'
// HTML plugin
const resolveClientEnv = require('../util/resolveClientEnv')
const htmlPath = api.resolve('public/index.html')
const htmlOptions = {
// use default index.html
template: fs.existsSync(htmlPath)
? htmlPath
: path.resolve(__dirname, 'index-default.html'),
templateParameters: (compilation, assets, pluginOptions) => {
// enhance html-webpack-plugin's built in template params
let stats
@@ -27,10 +36,19 @@ module.exports = (api, options) => {
}, resolveClientEnv(options.baseUrl, true /* raw */))
}
}
// only set template path if index.html exists
const htmlPath = api.resolve('public/index.html')
if (require('fs').existsSync(htmlPath)) {
htmlOptions.template = htmlPath
if (isProd) {
Object.assign(htmlOptions, {
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
// more options:
// https://github.com/kangax/html-minifier#options-quick-reference
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
})
}
webpackConfig
@@ -55,31 +73,18 @@ module.exports = (api, options) => {
}])
// copy static assets in public/
webpackConfig
.plugin('copy')
.use(require('copy-webpack-plugin'), [[{
from: api.resolve('public'),
to: api.resolve(options.outputDir),
ignore: ['index.html', '.DS_Store']
}]])
if (process.env.NODE_ENV === 'production') {
// minify HTML
if (fs.existsSync(api.resolve('public'))) {
webpackConfig
.plugin('html')
.tap(([options]) => [Object.assign(options, {
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
// more options:
// https://github.com/kangax/html-minifier#options-quick-reference
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
})])
.plugin('copy')
.use(require('copy-webpack-plugin'), [[{
from: api.resolve('public'),
to: api.resolve(options.outputDir),
ignore: ['index.html', '.DS_Store']
}]])
}
// code splitting
// code splitting
if (isProd) {
webpackConfig
.optimization.splitChunks({
chunks: 'all'
packages/@vue/cli-service/lib/config/index-default.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Vue App</title>
</head>
<body>
<div id="app"></div>
</body>
</html>