42 |
43 | ## 功能
44 |
45 | - [x] 下拉上滑查看更多内容
46 | - [x] 左右滑动切换栏目列表
47 | - [x] 点击头部回到顶部（指令）
48 | - [x] 右滑返回上一页（指令）
49 | - [x] 视频播放的加载、重播指示以及悬浮等功能
50 | - [x] 热点文章和搜索推荐（后台算法）
51 | - [x] 文章标签（后台算法）
52 | - [x] 分享
53 | - [x] 搜索（关键字高亮显示）
54 | - [x] 刷新保持页面的数据和状态
55 | - [x] 展开全文
56 | - [x] 下载页（目前只支持下载Android包）
57 |
58 | ## 部分截图
59 |
60 | - 首页、详情页
61 |
62 | 
63 |
64 | - 搜索页
65 |
66 | 
67 |
68 |
69 |
70 | ## 目录结构
71 |
72 |
73 | ``` bash
74 | ├── build // 构建相关
75 | ├── config // 配置相关
76 | ├── src // 项目代码
77 | │ ├── assets // 样式、图标等静态资源
78 | │ ├── components // 全局公用组件
79 | │ │ ├── banner.vue // banner组件
80 | │ │ ├── commentItem.vue // 评论Item组件
81 | │ │ ├── error.vue // 错误提示组件
82 | │ │ ├── info.vue // listItem的列表信息组件
83 | │ │ ├── listItem.vue // 文章List组件
84 | │ │ ├── loading.vue // 加载提示组件
85 | │ │ ├── myHeader.vue // 头部组件
86 | │ │ ├── popuMenu.vue // 模态框组件
87 | │ ├── config // 全局公用方法
88 | │ │ ├── cache.js // 缓存方法
89 | │ │ ├── directive.js // 指令方法
90 | │ │ ├── fetch.js // 请求方法
91 | │ ├── page
92 | │ │ ├── detail
93 | │ │ | ├── components
94 | │ │ | | ├── article.vue // 文章组件
95 | │ │ | | ├── recommend.vue // 推荐组件
96 | │ │ | | ├── share.vue // 分享组件
97 | │ │ | | ├── tags.vue // 标签组件
98 | │ │ | ├── detail.vue // 详情页
99 | │ │ ├── index
100 | │ │ | ├── children
101 | │ │ | | ├── channel.vue // 栏目页
102 | │ │ | ├── components
103 | │ │ | | ├── index_footer.vue // 首页底部组件
104 | │ │ | | ├── index_header.vue // 首页头部组件
105 | │ │ | | ├── pullContainer.vue // 下拉容器组件
106 | │ │ | | ├── swiperContainer.vue // 滑动容器组件
107 | │ │ | ├── index.vue // 首页
108 | │ │ ├── search
109 | │ │ | ├── search.vue // 搜索页
110 | │ ├── router
111 | │ │ ├── index.js // 路由配置
112 | │ ├── store
113 | │ │ ├── detail
114 | │ │ | ├── index.js // 详情页store
115 | │ │ ├── index
116 | │ │ | ├── index.js // 首页store
117 | │ │ ├── search
118 | │ │ | ├── index.js // 搜索页store
119 | │ │ ├── index.js // 全局store
120 | │ ├── App.vue // 页面入口
121 | │ └── main.js // 程序入口
122 | ├── static // 空文件夹，只作为github保留
123 | ├── .babelrc // babel-loader 配置
124 | ├── .eslintrc.js // eslint 配置项
125 | ├── .gitignore // git 忽略项
126 | ├── index.html // 入口html文件
127 | └── package.json // package.json
128 | ```
129 |
130 | ## 安装运行
131 |
132 | ``` bash
133 | # 安装
134 | npm install
135 |
136 | # 运行 localhost:8086
137 | npm run dev
138 |
139 | # 打包
140 | npm run build（File in the docs folder）
141 | ```
142 |
143 | ## 交流
144 |
145 | 欢迎热爱学习、忠于分享的朋友一起来交流
146 | - Vue交流群：338241465
147 |
148 | ## License
149 |
150 | [MIT](https://github.com/uncleLian/vue2-news/blob/master/LICENSE)
151 |
152 | Copyright (c) 2017-present，uncleLian
--------------------------------------------------------------------------------
/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, function (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,
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 | })
42 |
--------------------------------------------------------------------------------
/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 | function exec (cmd) {
7 | return require('child_process').execSync(cmd).toString().trim()
8 | }
9 |
10 | const versionRequirements = [
11 | {
12 | name: 'node',
13 | currentVersion: semver.clean(process.version),
14 | versionRequirement: packageConfig.engines.node
15 | }
16 | ]
17 |
18 | if (shell.which('npm')) {
19 | versionRequirements.push({
20 | name: 'npm',
21 | currentVersion: exec('npm --version'),
22 | versionRequirement: packageConfig.engines.npm
23 | })
24 | }
25 |
26 | module.exports = function () {
27 | const warnings = []
28 | for (let i = 0; i < versionRequirements.length; i++) {
29 | const mod = versionRequirements[i]
30 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
31 | warnings.push(mod.name + ': ' +
32 | chalk.red(mod.currentVersion) + ' should be ' +
33 | chalk.green(mod.versionRequirement)
34 | )
35 | }
36 | }
37 |
38 | if (warnings.length) {
39 | console.log('')
40 | console.log(chalk.yellow('To use this template, you must update following to modules:'))
41 | console.log()
42 | for (let i = 0; i < warnings.length; i++) {
43 | const warning = warnings[i]
44 | console.log(' ' + warning)
45 | }
46 | console.log()
47 | process.exit(1)
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/build/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uncleLian/vue2-news/1c198d96059b6c51d78259d45ce2bc563df305b7/build/logo.png
--------------------------------------------------------------------------------
/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 pkg = 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 | return path.posix.join(assetsSubDirectory, _path)
12 | }
13 |
14 | exports.cssLoaders = function (options) {
15 | options = options || {}
16 |
17 | const cssLoader = {
18 | loader: 'css-loader',
19 | options: {
20 | sourceMap: options.sourceMap
21 | }
22 | }
23 |
24 | var postcssLoader = {
25 | loader: 'postcss-loader',
26 | options: {
27 | sourceMap: options.sourceMap
28 | }
29 | }
30 |
31 | // generate loader string to be used with extract text plugin
32 | function generateLoaders (loader, loaderOptions) {
33 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
34 | if (loader) {
35 | loaders.push({
36 | loader: loader + '-loader',
37 | options: Object.assign({}, loaderOptions, {
38 | sourceMap: options.sourceMap
39 | })
40 | })
41 | }
42 |
43 | // Extract CSS when that option is specified
44 | // (which is the case during production build)
45 | if (options.extract) {
46 | return ExtractTextPlugin.extract({
47 | use: loaders,
48 | fallback: 'vue-style-loader'
49 | })
50 | } else {
51 | return ['vue-style-loader'].concat(loaders)
52 | }
53 | }
54 |
55 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html
56 | return {
57 | css: generateLoaders(),
58 | postcss: generateLoaders(),
59 | less: generateLoaders('less'),
60 | sass: generateLoaders('sass', { indentedSyntax: true }),
61 | scss: generateLoaders('sass'),
62 | stylus: generateLoaders('stylus'),
63 | styl: generateLoaders('stylus')
64 | }
65 | }
66 |
67 | // Generate loaders for standalone style files (outside of .vue)
68 | exports.styleLoaders = function (options) {
69 | const output = []
70 | const loaders = exports.cssLoaders(options)
71 | for (const extension in loaders) {
72 | const loader = loaders[extension]
73 | output.push({
74 | test: new RegExp('\\.' + extension + '$'),
75 | use: loader
76 | })
77 | }
78 | return output
79 | }
80 |
81 | exports.createNotifierCallback = function () {
82 | const notifier = require('node-notifier')
83 |
84 | return (severity, errors) => {
85 | if (severity !== 'error') {
86 | return
87 | }
88 | const error = errors[0]
89 |
90 | const filename = error.file.split('!').pop()
91 | notifier.notify({
92 | title: pkg.name,
93 | message: severity + ': ' + error.name,
94 | subtitle: filename || '',
95 | icon: path.join(__dirname, 'logo.png')
96 | })
97 | }
98 | }
99 |
--------------------------------------------------------------------------------
/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 |
10 | module.exports = {
11 | loaders: utils.cssLoaders({
12 | sourceMap: sourceMapEnabled,
13 | extract: isProduction
14 | }),
15 | cssSourceMap: sourceMapEnabled,
16 | transformToRequire: {
17 | video: 'src',
18 | source: 'src',
19 | img: 'src',
20 | image: 'xlink:href'
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/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 | ...(config.dev.useEslint? [{
33 | test: /\.(js|vue)$/,
34 | loader: 'eslint-loader',
35 | enforce: 'pre',
36 | include: [resolve('src'), resolve('test')],
37 | options: {
38 | formatter: require('eslint-friendly-formatter'),
39 | emitWarning: !config.dev.showEslintErrorsInOverlay
40 | }
41 | }] : []),
42 | {
43 | test: /\.vue$/,
44 | loader: 'vue-loader',
45 | options: vueLoaderConfig
46 | },
47 | {
48 | test: /\.js$/,
49 | loader: 'babel-loader',
50 | include: [resolve('src'), resolve('test')]
51 | },
52 | {
53 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
54 | loader: 'url-loader',
55 | options: {
56 | limit: 10000,
57 | name: utils.assetsPath('img/[name].[hash:7].[ext]')
58 | }
59 | },
60 | {
61 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
62 | loader: 'url-loader',
63 | options: {
64 | limit: 10000,
65 | name: utils.assetsPath('media/[name].[hash:7].[ext]')
66 | }
67 | },
68 | {
69 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
70 | loader: 'url-loader',
71 | options: {
72 | limit: 10000,
73 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
74 | }
75 | }
76 | ]
77 | }
78 | }
79 |
--------------------------------------------------------------------------------
/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 baseWebpackConfig = require('./webpack.base.conf')
7 | const HtmlWebpackPlugin = require('html-webpack-plugin')
8 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
9 | const portfinder = require('portfinder')
10 |
11 | const devWebpackConfig = merge(baseWebpackConfig, {
12 | module: {
13 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
14 | },
15 | // cheap-module-eval-source-map is faster for development
16 | devtool: config.dev.devtool,
17 |
18 | // these devServer options should be customized in /config/index.js
19 | devServer: {
20 | clientLogLevel: 'warning',
21 | historyApiFallback: true,
22 | hot: true,
23 | host: process.env.HOST || config.dev.host,
24 | port: process.env.PORT || config.dev.port,
25 | open: config.dev.autoOpenBrowser,
26 | overlay: config.dev.errorOverlay ? {
27 | warnings: false,
28 | errors: true,
29 | } : false,
30 | publicPath: config.dev.assetsPublicPath,
31 | proxy: config.dev.proxyTable,
32 | quiet: true, // necessary for FriendlyErrorsPlugin
33 | watchOptions: {
34 | poll: config.dev.poll,
35 | }
36 | },
37 | plugins: [
38 | new webpack.DefinePlugin({
39 | 'process.env': require('../config/dev.env')
40 | }),
41 | new webpack.HotModuleReplacementPlugin(),
42 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
43 | new webpack.NoEmitOnErrorsPlugin(),
44 | // https://github.com/ampedandwired/html-webpack-plugin
45 | new HtmlWebpackPlugin({
46 | filename: 'index.html',
47 | template: 'index.html',
48 | inject: true
49 | }),
50 | new webpack.ProvidePlugin({
51 | $: 'jquery',
52 | jQuery: 'jquery',
53 | 'window.jQuery': 'jquery',
54 | 'window.$': 'jquery',
55 | })
56 | ]
57 | })
58 |
59 | module.exports = new Promise((resolve, reject) => {
60 | portfinder.basePort = process.env.PORT || config.dev.port
61 | portfinder.getPort((err, port) => {
62 | if (err) {
63 | reject(err)
64 | } else {
65 | // publish the new Port, necessary for e2e tests
66 | process.env.PORT = port
67 | // add port to devServer config
68 | devWebpackConfig.devServer.port = port
69 |
70 | // Add FriendlyErrorsPlugin
71 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
72 | compilationSuccessInfo: {
73 | messages: [`Your application is running here: http://${config.dev.host}:${port}`],
74 | },
75 | onErrors: config.dev.notifyOnErrors
76 | ? utils.createNotifierCallback()
77 | : undefined
78 | }))
79 |
80 | resolve(devWebpackConfig)
81 | }
82 | })
83 | })
84 |
--------------------------------------------------------------------------------
/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 |
13 | const env = require('../config/prod.env')
14 |
15 | const webpackConfig = merge(baseWebpackConfig, {
16 | module: {
17 | rules: utils.styleLoaders({
18 | sourceMap: config.build.productionSourceMap,
19 | extract: true,
20 | usePostCSS: true
21 | })
22 | },
23 | devtool: config.build.productionSourceMap ? config.build.devtool : false,
24 | output: {
25 | path: config.build.assetsRoot,
26 | filename: utils.assetsPath('js/[name].[chunkhash].js'),
27 | chunkFilename: utils.assetsPath('js/[name].[chunkhash].js')
28 | },
29 | plugins: [
30 | // http://vuejs.github.io/vue-loader/en/workflow/production.html
31 | new webpack.DefinePlugin({
32 | 'process.env': env
33 | }),
34 | // UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking: https://github.com/babel/minify
35 | new webpack.optimize.UglifyJsPlugin({
36 | compress: {
37 | warnings: false
38 | },
39 | sourceMap: config.build.productionSourceMap,
40 | parallel: true
41 | }),
42 | // extract css into its own file
43 | new ExtractTextPlugin({
44 | filename: utils.assetsPath('css/[name].[contenthash].css'),
45 | // set the following option to `true` if you want to extract CSS from
46 | // codesplit chunks into this main css file as well.
47 | // This will result in *all* of your app's CSS being loaded upfront.
48 | allChunks: false,
49 | }),
50 | // Compress extracted CSS. We are using this plugin so that possible
51 | // duplicated CSS from different components can be deduped.
52 | new OptimizeCSSPlugin({
53 | cssProcessorOptions: config.build.productionSourceMap
54 | ? { safe: true, map: { inline: false } }
55 | : { safe: true }
56 | }),
57 | // generate dist index.html with correct asset hash for caching.
58 | // you can customize output by editing /index.html
59 | // see https://github.com/ampedandwired/html-webpack-plugin
60 | new HtmlWebpackPlugin({
61 | filename: config.build.index,
62 | template: 'index.html',
63 | inject: true,
64 | minify: {
65 | removeComments: true,
66 | collapseWhitespace: true,
67 | removeAttributeQuotes: true
68 | // more options:
69 | // https://github.com/kangax/html-minifier#options-quick-reference
70 | },
71 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin
72 | chunksSortMode: 'dependency'
73 | }),
74 | // keep module.id stable when vender modules does not change
75 | new webpack.HashedModuleIdsPlugin(),
76 | // enable scope hoisting
77 | new webpack.optimize.ModuleConcatenationPlugin(),
78 | // split vendor js into its own file
79 | new webpack.optimize.CommonsChunkPlugin({
80 | name: 'vendor',
81 | minChunks: function (module) {
82 | // any required modules inside node_modules are extracted to vendor
83 | return (
84 | module.resource &&
85 | /\.js$/.test(module.resource) &&
86 | module.resource.indexOf(
87 | path.join(__dirname, '../node_modules')
88 | ) === 0
89 | )
90 | }
91 | }),
92 | // extract webpack runtime and module manifest to its own file in order to
93 | // prevent vendor hash from being updated whenever app bundle is updated
94 | new webpack.optimize.CommonsChunkPlugin({
95 | name: 'manifest',
96 | minChunks: Infinity
97 | }),
98 | // This instance extracts shared chunks from code splitted chunks and bundles them
99 | // in a separate chunk, similar to the vendor chunk
100 | // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
101 | new webpack.optimize.CommonsChunkPlugin({
102 | name: 'app',
103 | async: 'vendor-async',
104 | children: true,
105 | minChunks: 3
106 | }),
107 |
108 | // copy custom static assets
109 | new CopyWebpackPlugin([
110 | {
111 | from: path.resolve(__dirname, '../static'),
112 | to: config.build.assetsSubDirectory,
113 | ignore: ['.*']
114 | }
115 | ]),
116 | new webpack.ProvidePlugin({
117 | $: 'jquery',
118 | jQuery: 'jquery',
119 | 'window.jQuery': 'jquery',
120 | 'window.$': 'jquery',
121 | })
122 | ]
123 | })
124 |
125 | if (config.build.productionGzip) {
126 | const CompressionWebpackPlugin = require('compression-webpack-plugin')
127 |
128 | webpackConfig.plugins.push(
129 | new CompressionWebpackPlugin({
130 | asset: '[path].gz[query]',
131 | algorithm: 'gzip',
132 | test: new RegExp(
133 | '\\.(' +
134 | config.build.productionGzipExtensions.join('|') +
135 | ')$'
136 | ),
137 | threshold: 10240,
138 | minRatio: 0.8
139 | })
140 | )
141 | }
142 |
143 | if (config.build.bundleAnalyzerReport) {
144 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
145 | webpackConfig.plugins.push(new BundleAnalyzerPlugin())
146 | }
147 |
148 | module.exports = webpackConfig
149 |
--------------------------------------------------------------------------------
/build/webpack.test.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | // This is the webpack config used for unit tests.
3 |
4 | const utils = require('./utils')
5 | const webpack = require('webpack')
6 | const merge = require('webpack-merge')
7 | const baseWebpackConfig = require('./webpack.base.conf')
8 |
9 | const webpackConfig = merge(baseWebpackConfig, {
10 | // use inline sourcemap for karma-sourcemap-loader
11 | module: {
12 | rules: utils.styleLoaders()
13 | },
14 | devtool: '#inline-source-map',
15 | resolveLoader: {
16 | alias: {
17 | // necessary to to make lang="scss" work in test when using vue-loader's ?inject option
18 | // see discussion at https://github.com/vuejs/vue-loader/issues/724
19 | 'scss-loader': 'sass-loader'
20 | }
21 | },
22 | plugins: [
23 | new webpack.DefinePlugin({
24 | 'process.env': require('../config/test.env')
25 | })
26 | ]
27 | })
28 |
29 | // no need for app entry during tests
30 | delete webpackConfig.entry
31 |
32 | module.exports = webpackConfig
33 |
--------------------------------------------------------------------------------
/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 | })
8 |
--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | // Template version: 1.2.3
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: 'localhost', // can be overwritten by process.env.HOST
17 | port: 8086, // can be overwritten by process.env.HOST, if port is in use, a free one will be determined
18 | autoOpenBrowser: true,
19 | errorOverlay: true,
20 | notifyOnErrors: true,
21 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
22 |
23 | // Use Eslint Loader?
24 | // If true, your code will be linted during bundling and
25 | // linting errors and warnings will be shown in the console.
26 | useEslint: true,
27 | // If true, eslint errors and warnings will also be shown in the error overlay
28 | // in the browser.
29 | showEslintErrorsInOverlay: false,
30 |
31 | /**
32 | * Source Maps
33 | */
34 |
35 | // https://webpack.js.org/configuration/devtool/#development
36 | devtool: 'eval-source-map',
37 |
38 | // If you have problems debugging vue-files in devtools,
39 | // set this to false - it *may* help
40 | // https://vue-loader.vuejs.org/en/options.html#cachebusting
41 | cacheBusting: true,
42 |
43 | // CSS Sourcemaps off by default because relative paths are "buggy"
44 | // with this option, according to the CSS-Loader README
45 | // (https://github.com/webpack/css-loader#sourcemaps)
46 | // In our experience, they generally work as expected,
47 | // just be aware of this issue when enabling this option.
48 | cssSourceMap: false,
49 | },
50 |
51 | build: {
52 | // Template for index.html
53 | index: path.resolve(__dirname, '../docs/index.html'),
54 |
55 | // Paths
56 | assetsRoot: path.resolve(__dirname, '../docs'),
57 | assetsSubDirectory: 'static',
58 | assetsPublicPath: `/`,
59 |
60 | /**
61 | * Source Maps
62 | */
63 |
64 | productionSourceMap: false,
65 | // https://webpack.js.org/configuration/devtool/#production
66 | devtool: '#source-map',
67 |
68 | // Gzip off by default as many popular static hosts such as
69 | // Surge or Netlify already gzip all static assets for you.
70 | // Before setting to `true`, make sure to:
71 | // npm install --save-dev compression-webpack-plugin
72 | productionGzip: false,
73 | productionGzipExtensions: ['js', 'css'],
74 |
75 | // Run the build command with an extra argument to
76 | // View the bundle analyzer report after build finishes:
77 | // `npm run build --report`
78 | // Set to `true` or `false` to always turn it on or off
79 | bundleAnalyzerReport: process.env.npm_config_report
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/docs/CNAME:
--------------------------------------------------------------------------------
1 | toutiao.liansixin.win
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
5 |
9 |
10 |
11 | {{json.title}}
6 | {{json.befrom}} 7 | {{json.newstime}} 8 |
12 |
41 |
42 |
43 |
44 |
13 |
14 |
40 |
15 | ![]()
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | ![]()
24 |
25 |
26 |
27 |
29 |
30 |
31 | 重播
28 |
32 |
34 |
35 |
38 |
39 | 展开全文...
47 | 
8 |
9 | 
12 |
13 | 
16 |
17 | 
20 |
21 | 
下拉刷新↓
加载中...