w-front-end / activityAds · Commits

Commit 74ce16fe2c3101616276fde3cad0c9eb4a124a2b

Authored by 王强
0 parents

新版活动页面~

Inline Side-by-side
Showing 16 changed files with 742 additions and 0 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 16 of 107 files are displayed.

.babelrc 0 → 100644
  View file @74ce16f
  1 +++ a/.babelrc
  1 +{
  2 + "presets": [
  3 + ["env", {
  4 + "modules": false,
  5 + "targets": {
  6 + "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
  7 + }
  8 + }],
  9 + "stage-2"
  10 + ],
  11 + "plugins": [
  12 + "transform-vue-jsx",
  13 + "transform-runtime",
  14 + ["import", {
  15 + "libraryName": "vant",
  16 + "libraryDirectory": "es",
  17 + "style": true
  18 + }]
  19 + ]
  20 +}
0 21 \ No newline at end of file
... ...
.editorconfig 0 → 100644
  View file @74ce16f
  1 +++ a/.editorconfig
  1 +root = true
  2 +
  3 +[*]
  4 +charset = utf-8
  5 +indent_style = space
  6 +indent_size = 4
  7 +end_of_line = lf
  8 +insert_final_newline = true
  9 +trim_trailing_whitespace = true
... ...
.gitignore 0 → 100644
  View file @74ce16f
  1 +++ a/.gitignore
  1 +.DS_Store
  2 +node_modules/
  3 +/dist/
  4 +npm-debug.log*
  5 +yarn-debug.log*
  6 +yarn-error.log*
  7 +
  8 +# Editor directories and files
  9 +.idea
  10 +.vscode
  11 +*.suo
  12 +*.ntvs*
  13 +*.njsproj
  14 +*.sln
0 15 \ No newline at end of file
... ...
.postcssrc.js 0 → 100644
  View file @74ce16f
  1 +++ a/.postcssrc.js
  1 +// https://github.com/michael-ciniawsky/postcss-load-config
  2 +
  3 +module.exports = {
  4 + "plugins": {
  5 + "postcss-import": {},
  6 + "postcss-url": {},
  7 + // to edit target browsers: use "browserslist" field in package.json
  8 + // "autoprefixer": {}
  9 + "postcss-aspect-ratio-mini": {},
  10 + "postcss-write-svg": {
  11 + "utf8": false
  12 + },
  13 + "postcss-cssnext": {},
  14 + "postcss-px-to-viewport": {
  15 + "viewportWidth": 750,
  16 + "viewportHeight": 1334,
  17 + "unitPrecision": 2,
  18 + "viewportUnit": 'vw',
  19 + "selectorBlackList": ['.ignore', '.hairlines'],
  20 + "minPixelValue": 1,
  21 + "mediaQuery": false
  22 + },
  23 + // "cssnano": {
  24 + // "preset": "advanced",
  25 + // "autoprefixer": false,
  26 + // "postcss-zindex": false
  27 + // }
  28 + }
  29 +}
... ...
README.md 0 → 100644
  View file @74ce16f
  1 +++ a/README.md
  1 +# happiness
  2 +
  3 +> happiness
  4 +
  5 +## Build Setup
  6 +
  7 +``` bash
  8 +# install dependencies
  9 +npm install
  10 +
  11 +# serve with hot reload at localhost:8080
  12 +npm run dev
  13 +
  14 +# build for production with minification
  15 +npm run build
  16 +
  17 +# build for production and view the bundle analyzer report
  18 +npm run build --report
  19 +```
  20 +
  21 +For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
... ...
build/build.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/build.js
  1 +'use strict'
  2 +require('./check-versions')()
  3 +
  4 +process.env.NODE_ENV = 'production'
  5 +
  6 +const ora = require('ora')
  7 +const rm = require('rimraf')
  8 +const path = require('path')
  9 +const chalk = require('chalk')
  10 +const webpack = require('webpack')
  11 +const config = require('../config')
  12 +const webpackConfig = require('./webpack.prod.conf')
  13 +
  14 +const spinner = ora('building for production...')
  15 +spinner.start()
  16 +
  17 +rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
  18 + if (err) throw err
  19 + webpack(webpackConfig, (err, stats) => {
  20 + spinner.stop()
  21 + if (err) throw err
  22 + process.stdout.write(stats.toString({
  23 + colors: true,
  24 + modules: false,
  25 + children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
  26 + chunks: false,
  27 + chunkModules: false
  28 + }) + '\n\n')
  29 +
  30 + if (stats.hasErrors()) {
  31 + console.log(chalk.red(' Build failed with errors.\n'))
  32 + process.exit(1)
  33 + }
  34 +
  35 + console.log(chalk.cyan(' Build complete.\n'))
  36 + console.log(chalk.yellow(
  37 + ' Tip: built files are meant to be served over an HTTP server.\n' +
  38 + ' Opening index.html over file:// won\'t work.\n'
  39 + ))
  40 + })
  41 +})
... ...
build/check-versions.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/check-versions.js
  1 +'use strict'
  2 +const chalk = require('chalk')
  3 +const semver = require('semver')
  4 +const packageConfig = require('../package.json')
  5 +const shell = require('shelljs')
  6 +
  7 +function exec (cmd) {
  8 + return require('child_process').execSync(cmd).toString().trim()
  9 +}
  10 +
  11 +const versionRequirements = [
  12 + {
  13 + name: 'node',
  14 + currentVersion: semver.clean(process.version),
  15 + versionRequirement: packageConfig.engines.node
  16 + }
  17 +]
  18 +
  19 +if (shell.which('npm')) {
  20 + versionRequirements.push({
  21 + name: 'npm',
  22 + currentVersion: exec('npm --version'),
  23 + versionRequirement: packageConfig.engines.npm
  24 + })
  25 +}
  26 +
  27 +module.exports = function () {
  28 + const warnings = []
  29 +
  30 + for (let i = 0; i < versionRequirements.length; i++) {
  31 + const mod = versionRequirements[i]
  32 +
  33 + if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
  34 + warnings.push(mod.name + ': ' +
  35 + chalk.red(mod.currentVersion) + ' should be ' +
  36 + chalk.green(mod.versionRequirement)
  37 + )
  38 + }
  39 + }
  40 +
  41 + if (warnings.length) {
  42 + console.log('')
  43 + console.log(chalk.yellow('To use this template, you must update following to modules:'))
  44 + console.log()
  45 +
  46 + for (let i = 0; i < warnings.length; i++) {
  47 + const warning = warnings[i]
  48 + console.log(' ' + warning)
  49 + }
  50 +
  51 + console.log()
  52 + process.exit(1)
  53 + }
  54 +}
... ...
build/utils.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/utils.js
  1 +'use strict'
  2 +const path = require('path')
  3 +const config = require('../config')
  4 +const ExtractTextPlugin = require('extract-text-webpack-plugin')
  5 +const packageConfig = require('../package.json')
  6 +
  7 +exports.assetsPath = function (_path) {
  8 + const assetsSubDirectory = process.env.NODE_ENV === 'production'
  9 + ? config.build.assetsSubDirectory
  10 + : config.dev.assetsSubDirectory
  11 +
  12 + return path.posix.join(assetsSubDirectory, _path)
  13 +}
  14 +
  15 +exports.cssLoaders = function (options) {
  16 + options = options || {}
  17 +
  18 + const cssLoader = {
  19 + loader: 'css-loader',
  20 + options: {
  21 + sourceMap: options.sourceMap
  22 + }
  23 + }
  24 +
  25 + const postcssLoader = {
  26 + loader: 'postcss-loader',
  27 + options: {
  28 + sourceMap: options.sourceMap
  29 + }
  30 + }
  31 +
  32 + // generate loader string to be used with extract text plugin
  33 + function generateLoaders (loader, loaderOptions) {
  34 + const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
  35 +
  36 + if (loader) {
  37 + loaders.push({
  38 + loader: loader + '-loader',
  39 + options: Object.assign({}, loaderOptions, {
  40 + sourceMap: options.sourceMap
  41 + })
  42 + })
  43 + }
  44 +
  45 + // Extract CSS when that option is specified
  46 + // (which is the case during production build)
  47 + if (options.extract) {
  48 + return ExtractTextPlugin.extract({
  49 + use: loaders,
  50 + fallback: 'vue-style-loader',
  51 + publicPath: '../../'
  52 + })
  53 + } else {
  54 + return ['vue-style-loader'].concat(loaders)
  55 + }
  56 + }
  57 +
  58 + // https://vue-loader.vuejs.org/en/configurations/extract-css.html
  59 + return {
  60 + css: generateLoaders(),
  61 + postcss: generateLoaders(),
  62 + less: generateLoaders('less'),
  63 + sass: generateLoaders('sass', { indentedSyntax: true }),
  64 + scss: generateLoaders('sass'),
  65 + stylus: generateLoaders('stylus'),
  66 + styl: generateLoaders('stylus')
  67 + }
  68 +}
  69 +
  70 +// Generate loaders for standalone style files (outside of .vue)
  71 +exports.styleLoaders = function (options) {
  72 + const output = []
  73 + const loaders = exports.cssLoaders(options)
  74 +
  75 + for (const extension in loaders) {
  76 + const loader = loaders[extension]
  77 + output.push({
  78 + test: new RegExp('\\.' + extension + '$'),
  79 + use: loader
  80 + })
  81 + }
  82 +
  83 + return output
  84 +}
  85 +
  86 +exports.createNotifierCallback = () => {
  87 + const notifier = require('node-notifier')
  88 +
  89 + return (severity, errors) => {
  90 + if (severity !== 'error') return
  91 +
  92 + const error = errors[0]
  93 + const filename = error.file && error.file.split('!').pop()
  94 +
  95 + notifier.notify({
  96 + title: packageConfig.name,
  97 + message: severity + ': ' + error.name,
  98 + subtitle: filename || '',
  99 + icon: path.join(__dirname, 'logo.png')
  100 + })
  101 + }
  102 +}
... ...
build/vue-loader.conf.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/vue-loader.conf.js
  1 +'use strict'
  2 +const utils = require('./utils')
  3 +const config = require('../config')
  4 +const isProduction = process.env.NODE_ENV === 'production'
  5 +const sourceMapEnabled = isProduction
  6 + ? config.build.productionSourceMap
  7 + : config.dev.cssSourceMap
  8 +
  9 +module.exports = {
  10 + loaders: utils.cssLoaders({
  11 + sourceMap: sourceMapEnabled,
  12 + extract: isProduction
  13 + }),
  14 + cssSourceMap: sourceMapEnabled,
  15 + cacheBusting: config.dev.cacheBusting,
  16 + transformToRequire: {
  17 + video: ['src', 'poster'],
  18 + source: 'src',
  19 + img: 'src',
  20 + image: 'xlink:href'
  21 + }
  22 +}
... ...
build/webpack.base.conf.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/webpack.base.conf.js
  1 +'use strict'
  2 +const path = require('path')
  3 +const utils = require('./utils')
  4 +const config = require('../config')
  5 +const vueLoaderConfig = require('./vue-loader.conf')
  6 +
  7 +function resolve (dir) {
  8 + return path.join(__dirname, '..', dir)
  9 +}
  10 +
  11 +module.exports = {
  12 + context: path.resolve(__dirname, '../'),
  13 + entry: {
  14 + app: './src/main.js'
  15 + },
  16 + output: {
  17 + path: config.build.assetsRoot,
  18 + filename: '[name].js',
  19 + publicPath: process.env.NODE_ENV === 'production'
  20 + ? config.build.assetsPublicPath
  21 + : config.dev.assetsPublicPath
  22 + },
  23 + resolve: {
  24 + extensions: ['.js', '.vue', '.json'],
  25 + alias: {
  26 + 'vue$': 'vue/dist/vue.esm.js',
  27 + '@': resolve('src'),
  28 + }
  29 + },
  30 + module: {
  31 + rules: [
  32 + {
  33 + test: /\.vue$/,
  34 + loader: 'vue-loader',
  35 + options: vueLoaderConfig
  36 + },
  37 + {
  38 + test: /\.js$/,
  39 + loader: 'babel-loader',
  40 + include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
  41 + },
  42 + {
  43 + test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
  44 + loader: 'url-loader',
  45 + options: {
  46 + limit: 10000,
  47 + name: utils.assetsPath('img/[name].[hash:7].[ext]')
  48 + }
  49 + },
  50 + {
  51 + test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
  52 + loader: 'url-loader',
  53 + options: {
  54 + limit: 10000,
  55 + name: utils.assetsPath('media/[name].[hash:7].[ext]')
  56 + }
  57 + },
  58 + {
  59 + test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
  60 + loader: 'url-loader',
  61 + options: {
  62 + limit: 10000,
  63 + name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
  64 + }
  65 + }
  66 + ]
  67 + },
  68 + node: {
  69 + // prevent webpack from injecting useless setImmediate polyfill because Vue
  70 + // source contains it (although only uses it if it's native).
  71 + setImmediate: false,
  72 + // prevent webpack from injecting mocks to Node native modules
  73 + // that does not make sense for the client
  74 + dgram: 'empty',
  75 + fs: 'empty',
  76 + net: 'empty',
  77 + tls: 'empty',
  78 + child_process: 'empty'
  79 + }
  80 +}
... ...
build/webpack.dev.conf.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/webpack.dev.conf.js
  1 +'use strict'
  2 +const utils = require('./utils')
  3 +const webpack = require('webpack')
  4 +const config = require('../config')
  5 +const merge = require('webpack-merge')
  6 +const path = require('path')
  7 +const baseWebpackConfig = require('./webpack.base.conf')
  8 +const CopyWebpackPlugin = require('copy-webpack-plugin')
  9 +const HtmlWebpackPlugin = require('html-webpack-plugin')
  10 +const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
  11 +const portfinder = require('portfinder')
  12 +
  13 +const HOST = process.env.HOST
  14 +const PORT = process.env.PORT && Number(process.env.PORT)
  15 +
  16 +const devWebpackConfig = merge(baseWebpackConfig, {
  17 + module: {
  18 + rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
  19 + },
  20 + // cheap-module-eval-source-map is faster for development
  21 + devtool: config.dev.devtool,
  22 +
  23 + // these devServer options should be customized in /config/index.js
  24 + devServer: {
  25 + clientLogLevel: 'warning',
  26 + historyApiFallback: {
  27 + rewrites: [
  28 + { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
  29 + ],
  30 + },
  31 + hot: true,
  32 + contentBase: false, // since we use CopyWebpackPlugin.
  33 + compress: true,
  34 + host: HOST || config.dev.host,
  35 + port: PORT || config.dev.port,
  36 + open: config.dev.autoOpenBrowser,
  37 + overlay: config.dev.errorOverlay
  38 + ? { warnings: false, errors: true }
  39 + : false,
  40 + publicPath: config.dev.assetsPublicPath,
  41 + proxy: config.dev.proxyTable,
  42 + quiet: true, // necessary for FriendlyErrorsPlugin
  43 + watchOptions: {
  44 + poll: config.dev.poll,
  45 + }
  46 + },
  47 + plugins: [
  48 + new webpack.DefinePlugin({
  49 + 'process.env': require('../config/dev.env')
  50 + }),
  51 + new webpack.HotModuleReplacementPlugin(),
  52 + new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
  53 + new webpack.NoEmitOnErrorsPlugin(),
  54 + // https://github.com/ampedandwired/html-webpack-plugin
  55 + new HtmlWebpackPlugin({
  56 + filename: 'index.html',
  57 + template: 'index.html',
  58 + inject: true
  59 + }),
  60 + // copy custom static assets
  61 + new CopyWebpackPlugin([
  62 + {
  63 + from: path.resolve(__dirname, '../static'),
  64 + to: config.dev.assetsSubDirectory,
  65 + ignore: ['.*']
  66 + }
  67 + ])
  68 + ]
  69 +})
  70 +
  71 +module.exports = new Promise((resolve, reject) => {
  72 + portfinder.basePort = process.env.PORT || config.dev.port
  73 + portfinder.getPort((err, port) => {
  74 + if (err) {
  75 + reject(err)
  76 + } else {
  77 + // publish the new Port, necessary for e2e tests
  78 + process.env.PORT = port
  79 + // add port to devServer config
  80 + devWebpackConfig.devServer.port = port
  81 +
  82 + // Add FriendlyErrorsPlugin
  83 + devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
  84 + compilationSuccessInfo: {
  85 + messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
  86 + },
  87 + onErrors: config.dev.notifyOnErrors
  88 + ? utils.createNotifierCallback()
  89 + : undefined
  90 + }))
  91 +
  92 + resolve(devWebpackConfig)
  93 + }
  94 + })
  95 +})
... ...
build/webpack.prod.conf.js 0 → 100644
  View file @74ce16f
  1 +++ a/build/webpack.prod.conf.js
  1 +'use strict'
  2 +const path = require('path')
  3 +const utils = require('./utils')
  4 +const webpack = require('webpack')
  5 +const config = require('../config')
  6 +const merge = require('webpack-merge')
  7 +const baseWebpackConfig = require('./webpack.base.conf')
  8 +const CopyWebpackPlugin = require('copy-webpack-plugin')
  9 +const HtmlWebpackPlugin = require('html-webpack-plugin')
  10 +const ExtractTextPlugin = require('extract-text-webpack-plugin')
  11 +const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
  12 +const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
  13 +
  14 +const env = require('../config/prod.env')
  15 +
  16 +const webpackConfig = merge(baseWebpackConfig, {
  17 + module: {
  18 + rules: utils.styleLoaders({
  19 + sourceMap: config.build.productionSourceMap,
  20 + extract: true,
  21 + usePostCSS: true
  22 + })
  23 + },
  24 + devtool: config.build.productionSourceMap ? config.build.devtool : false,
  25 + output: {
  26 + path: config.build.assetsRoot,
  27 + filename: utils.assetsPath('js/[name].[chunkhash].js'),
  28 + chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  29 + },
  30 + plugins: [
  31 + // http://vuejs.github.io/vue-loader/en/workflow/production.html
  32 + new webpack.DefinePlugin({
  33 + 'process.env': env
  34 + }),
  35 + new UglifyJsPlugin({
  36 + uglifyOptions: {
  37 + compress: {
  38 + warnings: false
  39 + }
  40 + },
  41 + sourceMap: config.build.productionSourceMap,
  42 + parallel: true
  43 + }),
  44 + // extract css into its own file
  45 + new ExtractTextPlugin({
  46 + filename: utils.assetsPath('css/[name].[contenthash].css'),
  47 + // Setting the following option to `false` will not extract CSS from codesplit chunks.
  48 + // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
  49 + // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`,
  50 + // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
  51 + allChunks: true,
  52 + }),
  53 + // Compress extracted CSS. We are using this plugin so that possible
  54 + // duplicated CSS from different components can be deduped.
  55 + new OptimizeCSSPlugin({
  56 + cssProcessorOptions: config.build.productionSourceMap
  57 + ? { safe: true, map: { inline: false } }
  58 + : { safe: true }
  59 + }),
  60 + // generate dist index.html with correct asset hash for caching.
  61 + // you can customize output by editing /index.html
  62 + // see https://github.com/ampedandwired/html-webpack-plugin
  63 + new HtmlWebpackPlugin({
  64 + filename: config.build.index,
  65 + template: 'index.html',
  66 + inject: true,
  67 + minify: {
  68 + removeComments: true,
  69 + collapseWhitespace: true,
  70 + removeAttributeQuotes: true
  71 + // more options:
  72 + // https://github.com/kangax/html-minifier#options-quick-reference
  73 + },
  74 + // necessary to consistently work with multiple chunks via CommonsChunkPlugin
  75 + chunksSortMode: 'dependency'
  76 + }),
  77 + // keep module.id stable when vendor modules does not change
  78 + new webpack.HashedModuleIdsPlugin(),
  79 + // enable scope hoisting
  80 + new webpack.optimize.ModuleConcatenationPlugin(),
  81 + // split vendor js into its own file
  82 + new webpack.optimize.CommonsChunkPlugin({
  83 + name: 'vendor',
  84 + minChunks (module) {
  85 + // any required modules inside node_modules are extracted to vendor
  86 + return (
  87 + module.resource &&
  88 + /\.js$/.test(module.resource) &&
  89 + module.resource.indexOf(
  90 + path.join(__dirname, '../node_modules')
  91 + ) === 0
  92 + )
  93 + }
  94 + }),
  95 + // extract webpack runtime and module manifest to its own file in order to
  96 + // prevent vendor hash from being updated whenever app bundle is updated
  97 + new webpack.optimize.CommonsChunkPlugin({
  98 + name: 'manifest',
  99 + minChunks: Infinity
  100 + }),
  101 + // This instance extracts shared chunks from code splitted chunks and bundles them
  102 + // in a separate chunk, similar to the vendor chunk
  103 + // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
  104 + new webpack.optimize.CommonsChunkPlugin({
  105 + name: 'app',
  106 + async: 'vendor-async',
  107 + children: true,
  108 + minChunks: 3
  109 + }),
  110 +
  111 + // copy custom static assets
  112 + new CopyWebpackPlugin([
  113 + {
  114 + from: path.resolve(__dirname, '../static'),
  115 + to: config.build.assetsSubDirectory,
  116 + ignore: ['.*']
  117 + }
  118 + ])
  119 + ]
  120 +})
  121 +
  122 +if (config.build.productionGzip) {
  123 + const CompressionWebpackPlugin = require('compression-webpack-plugin')
  124 +
  125 + webpackConfig.plugins.push(
  126 + new CompressionWebpackPlugin({
  127 + asset: '[path].gz[query]',
  128 + algorithm: 'gzip',
  129 + test: new RegExp(
  130 + '\\.(' +
  131 + config.build.productionGzipExtensions.join('|') +
  132 + ')$'
  133 + ),
  134 + threshold: 10240,
  135 + minRatio: 0.8
  136 + })
  137 + )
  138 +}
  139 +
  140 +if (config.build.bundleAnalyzerReport) {
  141 + const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
  142 + webpackConfig.plugins.push(new BundleAnalyzerPlugin())
  143 +}
  144 +
  145 +module.exports = webpackConfig
... ...
config/dev.env.js 0 → 100644
  View file @74ce16f
  1 +++ a/config/dev.env.js
  1 +'use strict'
  2 +const merge = require('webpack-merge')
  3 +const prodEnv = require('./prod.env')
  4 +
  5 +module.exports = merge(prodEnv, {
  6 + NODE_ENV: '"development"'
  7 +})
... ...
config/index.js 0 → 100644
  View file @74ce16f
  1 +++ a/config/index.js
  1 +'use strict'
  2 +// Template version: 1.3.1
  3 +// see http://vuejs-templates.github.io/webpack for documentation.
  4 +
  5 +const path = require('path')
  6 +
  7 +module.exports = {
  8 + dev: {
  9 +
  10 + // Paths
  11 + assetsSubDirectory: 'static',
  12 + assetsPublicPath: '',
  13 + proxyTable: {},
  14 +
  15 + // Various Dev Server settings
  16 + host: '0.0.0.0', // can be overwritten by process.env.HOST
  17 + port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
  18 + autoOpenBrowser: false,
  19 + errorOverlay: true,
  20 + notifyOnErrors: true,
  21 + poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
  22 +
  23 +
  24 + /**
  25 + * Source Maps
  26 + */
  27 +
  28 + // https://webpack.js.org/configuration/devtool/#development
  29 + devtool: 'cheap-module-eval-source-map',
  30 +
  31 + // If you have problems debugging vue-files in devtools,
  32 + // set this to false - it *may* help
  33 + // https://vue-loader.vuejs.org/en/options.html#cachebusting
  34 + cacheBusting: true,
  35 +
  36 + cssSourceMap: true
  37 + },
  38 +
  39 + build: {
  40 + // Template for index.html
  41 + index: path.resolve(__dirname, '../dist/index.html'),
  42 +
  43 + // Paths
  44 + assetsRoot: path.resolve(__dirname, '../dist'),
  45 + assetsSubDirectory: 'static',
  46 + assetsPublicPath: '',
  47 +
  48 + /**
  49 + * Source Maps
  50 + */
  51 +
  52 + productionSourceMap: true,
  53 + // https://webpack.js.org/configuration/devtool/#production
  54 + devtool: '#source-map',
  55 +
  56 + // Gzip off by default as many popular static hosts such as
  57 + // Surge or Netlify already gzip all static assets for you.
  58 + // Before setting to `true`, make sure to:
  59 + // npm install --save-dev compression-webpack-plugin
  60 + productionGzip: false,
  61 + productionGzipExtensions: ['js', 'css'],
  62 +
  63 + // Run the build command with an extra argument to
  64 + // View the bundle analyzer report after build finishes:
  65 + // `npm run build --report`
  66 + // Set to `true` or `false` to always turn it on or off
  67 + bundleAnalyzerReport: process.env.npm_config_report
  68 + }
  69 +}
... ...
config/prod.env.js 0 → 100644
  View file @74ce16f
  1 +++ a/config/prod.env.js
  1 +'use strict'
  2 +module.exports = {
  3 + NODE_ENV: '"production"'
  4 +}
... ...
index.html 0 → 100644
  View file @74ce16f
  1 +++ a/index.html
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  6 + <link rel="Shortcut Icon" href="static/img/favicon.png" />
  7 + <title>&nbsp;</title>
  8 + </head>
  9 + <body>
  10 + <div class="warpper">
  11 + <div id="app"></div>
  12 + </div>
  13 + </body>
  14 +</html>
... ...