init

Author: yscoder

.babelrc

@@ -0,0 +1,11 @@
+{
+    "presets": [
+        ["es2015", { "modules": false }],
+        "stage-2"
+    ],
+    "plugins": [
+        "transform-runtime",
+        "lodash"
+    ],
+    "comments": false
+}

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{css,less,json,yml}]
+indent_size = 2

.eslintignore

@@ -0,0 +1,3 @@
+public/*.js
+build/*.js
+src/libs/pinyin/*.js

.eslintrc.js

@@ -0,0 +1,62 @@
+module.exports = {
+    root: true,
+    parser: 'babel-eslint',
+    parserOptions: {
+        ecmaVersion: 6,
+        sourceType: 'module'
+    },
+    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+    extends: [
+        'eslint-config-airbnb',
+        'standard',
+    ],
+    // required to lint *.vue files
+    plugins: [
+        'html'
+    ],
+    settings: {
+        "html/html-extensions": [".html", ".vue"]
+    },
+    env: {
+        'browser': true,
+        'node': true
+    },
+    globals: {
+        '_': true,
+    },
+    // add your custom rules here
+    rules: {
+        'arrow-parens': 0,
+        'generator-star-spacing': 0,
+        'operator-linebreak': ["error", "before"],
+        'eol-last': 0,
+        'global-require': 0,
+        'linebreak-style': 0,
+        'semi': ["error", "never"],
+        'no-underscore-dangle': 0,
+        'space-before-function-paren': [0, "always"],
+        'comma-dangle': ['error', 'ignore'],
+        "keyword-spacing": 0,
+        'indent': [2, 4, { "SwitchCase": 1 }],
+        'no-new': 0,
+        'no-console': 0,
+        'no-unused-expressions': ["error", { "allowShortCircuit": true, "allowTernary": true }],
+        'no-param-reassign': ["error", { "props": false }],
+        'no-plusplus': ["error", { "allowForLoopAfterthoughts": true }],
+        // http://eslint.org/docs/rules/no-restricted-properties
+        'no-restricted-properties': 0,
+        'no-bitwise': ["error", { "allow": ["&", "|"] }],
+
+        // es6
+        'no-confusing-arrow': ["error", {"allowParens": true}],
+
+        // import
+        'import/no-unresolved': 0,
+        'import/extensions': [2, 'never', { "less": "always", "css": "always","jpg": "always", "png": "always" }],
+        'import/first': 0,
+        'import/no-dynamic-require': 0,
+        'import/no-extraneous-dependencies': 0,
+        // allow debugger during development
+        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+    }
+}

.npmrc

@@ -0,0 +1,2 @@
+optional=false
+color="always"

.postcssrc.js

@@ -0,0 +1,8 @@
+module.exports = ctx => ({
+    map: ctx.env !== 'development',
+    plugins: {
+        autoprefixer: {
+            browsers: ['last 2 versions']
+        }
+    }
+})

.stylelintignore

@@ -0,0 +1,4 @@
+node_modules
+public
+src/element
+src/less/icons.less

.stylelintrc.js

@@ -0,0 +1,75 @@
+module.exports ={
+    rules: {
+        // color
+        'color-named': 'never',
+        'color-hex-length': 'short',
+        'color-no-invalid-hex': true,
+        // font
+        'font-family-no-duplicate-names': true,
+        // font-weight
+        'font-weight-notation': "numeric",
+        // number
+        'number-leading-zero': 'never',
+        'number-no-trailing-zeros': true,
+        // string
+        'string-quotes': "double",
+        'string-no-newline': true,
+        // length
+        'length-zero-no-unit': true,
+        // unit
+        'unit-case': "lower",
+        'unit-no-unknown': true,
+        // value
+        'value-keyword-case': "lower",
+        'value-no-vendor-prefix': true,
+        'shorthand-property-no-redundant-values': true,
+        // property
+        'property-case': "lower",
+        'property-no-unknown': true,
+        // declaration
+        'declaration-block-no-duplicate-properties': [true, { ignore: ["consecutive-duplicates-with-different-values"] }],
+        'declaration-block-single-line-max-declarations': 1,
+        // 'declaration-block-trailing-semicolon': "never",  省略最后一条属性值后面的分号
+        'declaration-colon-space-after': "always",
+        'declaration-colon-space-before': "never",
+        // selector
+        'selector-max-compound-selectors': 3,
+        'selector-attribute-quotes': "always",
+        'selector-pseudo-class-case': "lower",
+        'selector-pseudo-element-colon-notation': "double",
+        'selector-type-no-unknown': true,
+        'selector-max-empty-lines': 0,
+        'selector-list-comma-space-after': "always-single-line",
+        'selector-list-comma-space-before': "never",
+        'selector-list-comma-newline-after': "always-multi-line",
+        // block
+        'block-opening-brace-space-before': "always",
+        'block-opening-brace-newline-after': "always-multi-line",
+        'block-closing-brace-newline-before': "always-multi-line",
+        // rule
+        'rule-empty-line-before': [
+            "never-multi-line",
+            {
+                "except": [
+                    "after-rule",
+                    "after-single-line-comment",
+                    "first-nested",
+                    "inside-block-and-after-rule"
+                ],
+                "ignore": ["after-comment", "inside-block"]
+            }
+        ],
+        'at-rule-no-vendor-prefix': true,
+        // Sheet
+        'indentation': 2,
+        'max-empty-lines': 2,
+        'max-nesting-depth': 3,
+        'no-extra-semicolons': true,
+        // function
+        'function-calc-no-unspaced-operator': true,
+        // 'function-comma-space-after': "never",
+        'function-comma-space-before': "never",
+        'function-name-case': "lower",
+        'function-url-quotes': "always",
+    }
+}

.vscode/settings.json

@@ -0,0 +1,46 @@
+// 将设置放入此文件中以覆盖默认值和用户设置。
+{
+    "editor.wordWrap": "on",
+    "editor.wrappingIndent": "indent",
+    "editor.minimap.enabled": true,
+    "editor.dragAndDrop": true,
+    "files.associations": {
+        "*.vue": "vue"
+    },
+    "emmet.syntaxProfiles": {
+        "vue-html": "html",
+        "vue": "html"
+    },
+    "files.eol": "\n",
+    "files.trimTrailingWhitespace": true,
+    "files.insertFinalNewline": true,
+    "eslint.autoFixOnSave": true,
+    "eslint.validate": [
+        "javascript",
+        "javascriptreact",
+        "vue",
+        "html"
+    ],
+    "editor.formatOnSave": false,
+    "editor.detectIndentation": false,
+    "html.format.extraLiners": "",
+    "html.format.endWithNewline": true,
+    "html.format.indentInnerHtml": true,
+    "vsicons.dontShowNewVersionMessage": true,
+    "vsicons.projectDetection.autoReload": true,
+    "vsicons.presets.angular": false,
+    "less.lint.zeroUnits": "error",
+    "vetur.validation.template": false,
+    "vetur.format.html.wrap_attributes": "force-aligned",
+    "vetur.format.js.InsertSpaceBeforeFunctionParenthesis": true,
+    "beautify.tabSize": 2,
+    "beautify.options": {},
+    "[css]":  {
+      "editor.insertSpaces": true,
+      "editor.tabSize": 2
+    },
+    "[less]":  {
+      "editor.insertSpaces": true,
+      "editor.tabSize": 2
+    }
+}

build/build.js

@@ -0,0 +1,20 @@
+process.env.NODE_ENV = 'production'
+
+const webpack = require('webpack')
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
+const conf = require('./webpack.prod.conf')
+const clear = require('./clear')
+
+conf.plugins.push(new BundleAnalyzerPlugin())
+
+webpack(conf, (err, stats) => {
+    clear.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+        colors: true,
+        modules: false,
+        children: false,
+        chunks: false,
+        chunkModules: false
+    }) + '\n')
+})

build/clear.js

@@ -0,0 +1,12 @@
+require('shelljs/global')
+const ora = require('ora')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm('-rf', 'public')
+mkdir('public')
+
+// cp('-R', 'src', conf.output.path)
+
+module.exports = spinner

build/config.js

@@ -0,0 +1,16 @@
+module.exports = {
+    proxy: false,  // 配置代理
+    devPort: 4000, // 开发端口
+    distDir: 'public/', // 打包输出目录
+    localPublicPath: 'http://localhost:4000/resources/',      // 本地
+    remotePublicPath: '//cdn.easypm.cn/pub/', // 远程
+    apiRoot: '/api', // api root path
+    uploadUrl: '/upload', // apiRoot + uploadUrl
+    uploadDir: '../upload/', // 文件保存目录
+    pages: [{ // src/pages 目录下多页面配置
+        title: '测试', // 页面标题
+        name: 'one', // 页面名称与 js 名称一致
+        chunks: ['common', 'one']
+        // output: 'one.jsp'  // 打包输出文件
+    }]
+}

build/deployer.js

@@ -0,0 +1,16 @@
+require('shelljs/global')
+const path = require('path')
+const config = require('./config')
+/**
+ * 复制前端打包文件到 java 对应目录
+ */
+
+// 目标路径
+const prjPath = path.join(__dirname, '..')
+const sourceDir = path.join(prjPath, '../resources/static/resources')
+const pagePath = path.join(prjPath, '../webapp/WEB-INF/views/pages/platform/platform_pc.jsp')
+
+// 原始路径
+const distDir = path.join(prjPath, config.distDir)
+
+cp('-R', distDir + '/!page', sourceDir)

build/devClient.js

@@ -0,0 +1,8 @@
+require('eventsource-polyfill')
+const hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
+
+hotClient.subscribe(event => {
+    if (event.action === 'reload') {
+        window.location.reload()
+    }
+})

build/devMiddleware.js

@@ -0,0 +1,26 @@
+const webpack = require('webpack')
+const config = require('./webpack.dev.conf')
+
+module.exports = app => {
+    const compiler = webpack(config)
+    const devMiddleware = require('webpack-dev-middleware')(compiler, {
+        publicPath: config.output.publicPath,
+        noInfo: true,
+        stats: {
+            colors: true,
+            chunks: false
+        }
+    })
+    const hotMiddleware = require('webpack-hot-middleware')(compiler)
+
+    // force page reload when html-webpack-plugin template changes
+    compiler.plugin('compilation', compilation => {
+        compilation.plugin('html-webpack-plugin-after-emit', (data, cb) => {
+            hotMiddleware.publish({ action: 'reload' })
+            cb()
+        })
+    })
+
+    app.use(devMiddleware)
+    app.use(hotMiddleware)
+}

build/devRouter.js

@@ -0,0 +1,20 @@
+const router = require('express').Router()
+const config = require('./config')
+
+const pages = config.pages
+
+router.get('/', (req, res, next) => {
+    res.render('index', { pages })
+})
+
+pages.forEach(({ name, title, chunks }) => {
+    router.get('/' + name, (req, res, next) => {
+        res.render(name + '/index', {
+            title: title,
+            chunks: chunks,
+            devMode: true,
+        })
+    })
+})
+
+module.exports = router