Skip to content

Commit 43f0f05

Browse files
heyushuoheyushuo
committed
first
0 parents  commit 43f0f05

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+1515
-0
lines changed

‎.babelrc

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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": ["transform-runtime"],
12+
"env": {
13+
"test": {
14+
"presets": ["env", "stage-2"],
15+
"plugins": ["istanbul"]
16+
}
17+
}
18+
}

‎.editorconfig

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
root = true
2+
3+
[*]
4+
charset = utf-8
5+
indent_style = space
6+
indent_size = 2
7+
end_of_line = lf
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true

‎.gitignore

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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+
*.suo
11+
*.ntvs*
12+
*.njsproj
13+
*.sln

‎.postcssrc.js

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
// https://github.com/michael-ciniawsky/postcss-load-config
2+
3+
module.exports = {
4+
"plugins": {
5+
"postcss-mpvue-wxss": {}
6+
}
7+
}

‎README.md

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# mpvue
2+
3+
> A Mpvue project
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 detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

‎build/build.js

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
require('./check-versions')()
2+
3+
process.env.NODE_ENV = 'production'
4+
5+
var ora = require('ora')
6+
var rm = require('rimraf')
7+
var path = require('path')
8+
var chalk = require('chalk')
9+
var webpack = require('webpack')
10+
var config = require('../config')
11+
var webpackConfig = require('./webpack.prod.conf')
12+
13+
var spinner = ora('building for production...')
14+
spinner.start()
15+
16+
rm(path.join(config.build.assetsRoot, '*'), err => {
17+
if (err) throw err
18+
webpack(webpackConfig, function (err, stats) {
19+
spinner.stop()
20+
if (err) throw err
21+
process.stdout.write(stats.toString({
22+
colors: true,
23+
modules: false,
24+
children: false,
25+
chunks: false,
26+
chunkModules: false
27+
}) + '\n\n')
28+
29+
if (stats.hasErrors()) {
30+
console.log(chalk.red(' Build failed with errors.\n'))
31+
process.exit(1)
32+
}
33+
34+
console.log(chalk.cyan(' Build complete.\n'))
35+
console.log(chalk.yellow(
36+
' Tip: built files are meant to be served over an HTTP server.\n' +
37+
' Opening index.html over file:// won\'t work.\n'
38+
))
39+
})
40+
})

‎build/check-versions.js

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
var chalk = require('chalk')
2+
var semver = require('semver')
3+
var packageConfig = require('../package.json')
4+
var shell = require('shelljs')
5+
function exec (cmd) {
6+
return require('child_process').execSync(cmd).toString().trim()
7+
}
8+
9+
var versionRequirements = [
10+
{
11+
name: 'node',
12+
currentVersion: semver.clean(process.version),
13+
versionRequirement: packageConfig.engines.node
14+
}
15+
]
16+
17+
if (shell.which('npm')) {
18+
versionRequirements.push({
19+
name: 'npm',
20+
currentVersion: exec('npm --version'),
21+
versionRequirement: packageConfig.engines.npm
22+
})
23+
}
24+
25+
module.exports = function () {
26+
var warnings = []
27+
for (var i = 0; i < versionRequirements.length; i++) {
28+
var mod = versionRequirements[i]
29+
if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
30+
warnings.push(mod.name + ': ' +
31+
chalk.red(mod.currentVersion) + ' should be ' +
32+
chalk.green(mod.versionRequirement)
33+
)
34+
}
35+
}
36+
37+
if (warnings.length) {
38+
console.log('')
39+
console.log(chalk.yellow('To use this template, you must update following to modules:'))
40+
console.log()
41+
for (var i = 0; i < warnings.length; i++) {
42+
var warning = warnings[i]
43+
console.log(' ' + warning)
44+
}
45+
console.log()
46+
process.exit(1)
47+
}
48+
}

‎build/dev-client.js

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/* eslint-disable */
2+
require('eventsource-polyfill')
3+
var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
4+
5+
hotClient.subscribe(function (event) {
6+
if (event.action === 'reload') {
7+
window.location.reload()
8+
}
9+
})

‎build/dev-server.js

+106
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
require('./check-versions')()
2+
3+
var config = require('../config')
4+
if (!process.env.NODE_ENV) {
5+
process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
6+
}
7+
8+
// var opn = require('opn')
9+
var path = require('path')
10+
var express = require('express')
11+
var webpack = require('webpack')
12+
var proxyMiddleware = require('http-proxy-middleware')
13+
var portfinder = require('portfinder')
14+
var webpackConfig = require('./webpack.dev.conf')
15+
16+
// default port where dev server listens for incoming traffic
17+
var port = process.env.PORT || config.dev.port
18+
// automatically open browser, if not set will be false
19+
var autoOpenBrowser = !!config.dev.autoOpenBrowser
20+
// Define HTTP proxies to your custom API backend
21+
// https://github.com/chimurai/http-proxy-middleware
22+
var proxyTable = config.dev.proxyTable
23+
24+
var app = express()
25+
var compiler = webpack(webpackConfig)
26+
27+
// var devMiddleware = require('webpack-dev-middleware')(compiler, {
28+
// publicPath: webpackConfig.output.publicPath,
29+
// quiet: true
30+
// })
31+
32+
// var hotMiddleware = require('webpack-hot-middleware')(compiler, {
33+
// log: false,
34+
// heartbeat: 2000
35+
// })
36+
// force page reload when html-webpack-plugin template changes
37+
// compiler.plugin('compilation', function (compilation) {
38+
// compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
39+
// hotMiddleware.publish({ action: 'reload' })
40+
// cb()
41+
// })
42+
// })
43+
44+
// proxy api requests
45+
Object.keys(proxyTable).forEach(function (context) {
46+
var options = proxyTable[context]
47+
if (typeof options === 'string') {
48+
options = { target: options }
49+
}
50+
app.use(proxyMiddleware(options.filter || context, options))
51+
})
52+
53+
// handle fallback for HTML5 history API
54+
app.use(require('connect-history-api-fallback')())
55+
56+
// serve webpack bundle output
57+
// app.use(devMiddleware)
58+
59+
// enable hot-reload and state-preserving
60+
// compilation error display
61+
// app.use(hotMiddleware)
62+
63+
// serve pure static assets
64+
var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
65+
app.use(staticPath, express.static('./static'))
66+
67+
// var uri = 'http://localhost:' + port
68+
69+
var _resolve
70+
var readyPromise = new Promise(resolve => {
71+
_resolve = resolve
72+
})
73+
74+
// console.log('> Starting dev server...')
75+
// devMiddleware.waitUntilValid(() => {
76+
// console.log('> Listening at ' + uri + '\n')
77+
// // when env is testing, don't need open it
78+
// if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
79+
// opn(uri)
80+
// }
81+
// _resolve()
82+
// })
83+
84+
module.exports = new Promise((resolve, reject) => {
85+
portfinder.basePort = port
86+
portfinder.getPortPromise()
87+
.then(newPort => {
88+
if (port !== newPort) {
89+
console.log(`${port}端口被占用，开启新端口${newPort}`)
90+
}
91+
var server = app.listen(newPort, 'localhost')
92+
// for 小程序的文件保存机制
93+
require('webpack-dev-middleware-hard-disk')(compiler, {
94+
publicPath: webpackConfig.output.publicPath,
95+
quiet: true
96+
})
97+
resolve({
98+
ready: readyPromise,
99+
close: () => {
100+
server.close()
101+
}
102+
})
103+
}).catch(error => {
104+
console.log('没有找到空闲端口，请打开任务管理器杀死进程端口再试', error)
105+
})
106+
})

‎build/utils.js

+87
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
var path = require('path')
2+
var config = require('../config')
3+
var ExtractTextPlugin = require('extract-text-webpack-plugin')
4+
5+
exports.assetsPath = function (_path) {
6+
var assetsSubDirectory = process.env.NODE_ENV === 'production'
7+
? config.build.assetsSubDirectory
8+
: config.dev.assetsSubDirectory
9+
return path.posix.join(assetsSubDirectory, _path)
10+
}
11+
12+
exports.cssLoaders = function (options) {
13+
options = options || {}
14+
15+
var cssLoader = {
16+
loader: 'css-loader',
17+
options: {
18+
minimize: process.env.NODE_ENV === 'production',
19+
sourceMap: options.sourceMap
20+
}
21+
}
22+
23+
var postcssLoader = {
24+
loader: 'postcss-loader',
25+
options: {
26+
sourceMap: true
27+
}
28+
}
29+
30+
var px2rpxLoader = {
31+
loader: 'px2rpx-loader',
32+
options: {
33+
baseDpr: 1,
34+
rpxUnit: 0.5
35+
}
36+
}
37+
38+
// generate loader string to be used with extract text plugin
39+
function generateLoaders (loader, loaderOptions) {
40+
var loaders = [cssLoader, px2rpxLoader, postcssLoader]
41+
if (loader) {
42+
loaders.push({
43+
loader: loader + '-loader',
44+
options: Object.assign({}, loaderOptions, {
45+
sourceMap: options.sourceMap
46+
})
47+
})
48+
}
49+
50+
// Extract CSS when that option is specified
51+
// (which is the case during production build)
52+
if (options.extract) {
53+
return ExtractTextPlugin.extract({
54+
use: loaders,
55+
fallback: 'vue-style-loader'
56+
})
57+
} else {
58+
return ['vue-style-loader'].concat(loaders)
59+
}
60+
}
61+
62+
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
63+
return {
64+
css: generateLoaders(),
65+
wxss: generateLoaders(),
66+
postcss: generateLoaders(),
67+
less: generateLoaders('less'),
68+
sass: generateLoaders('sass', { indentedSyntax: true }),
69+
scss: generateLoaders('sass'),
70+
stylus: generateLoaders('stylus'),
71+
styl: generateLoaders('stylus')
72+
}
73+
}
74+
75+
// Generate loaders for standalone style files (outside of .vue)
76+
exports.styleLoaders = function (options) {
77+
var output = []
78+
var loaders = exports.cssLoaders(options)
79+
for (var extension in loaders) {
80+
var loader = loaders[extension]
81+
output.push({
82+
test: new RegExp('\\.' + extension + '$'),
83+
use: loader
84+
})
85+
}
86+
return output
87+
}

‎build/vue-loader.conf.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
var utils = require('./utils')
2+
var config = require('../config')
3+
// var isProduction = process.env.NODE_ENV === 'production'
4+
// for mp
5+
var isProduction = true
6+
7+
module.exports = {
8+
loaders: utils.cssLoaders({
9+
sourceMap: isProduction
10+
? config.build.productionSourceMap
11+
: config.dev.cssSourceMap,
12+
extract: isProduction
13+
}),
14+
transformToRequire: {
15+
video: 'src',
16+
source: 'src',
17+
img: 'src',
18+
image: 'xlink:href'
19+
}
20+
}

0 commit comments

Comments
 (0)