Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
882 changed files
with
218,286 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
{ | ||
"presets": ["es2015", "stage-2"], | ||
"plugins": ["transform-runtime"], | ||
"comments": false | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
root = true | ||
|
||
[*] | ||
charset = utf-8 | ||
indent_style = space | ||
indent_size = 2 | ||
end_of_line = lf | ||
insert_final_newline = true | ||
trim_trailing_whitespace = true |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
.DS_Store | ||
node_modules/ | ||
dist/ | ||
npm-debug.log | ||
test/unit/coverage |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,31 @@ | ||
# vue-adminLte-vue-router | ||
|
||
最近在整合的vue+vue-router+adminLte,用来做响应式的比较美观的SPA管理系统 | ||
|
||
###介绍 | ||
|
||
[adminLte](https://almsaeedstudio.com/themes/AdminLTE/index2.html):很好看的一套管理系统框架,适合做SPA应用 | ||
|
||
[vue.js](http://rc.vuejs.org/guide/):性能非常不错的前端框架 | ||
|
||
[vue-router](https://router.vuejs.org/zh-cn/index.html):大型项目前后端分离通常要用前端路由 | ||
|
||
###项目效果 | ||
|
||
|
||
|
||
###说明 | ||
|
||
整合到一起之后,把其中用到的其他库(jq,bs等)用官方脚手架中的webpack做了一些配置,使得项目可以跑起来,相关插件也可以用 | ||
|
||
使用vue-cli搭建整合、帮助使用者跳过一些坑 | ||
|
||
###使用方法 | ||
|
||
开启终端到项目路径下 | ||
|
||
> npm install | ||
> npm run dev | ||
SPA about vue-cli+adminLte+vue-router |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
// https://github.com/shelljs/shelljs | ||
require('shelljs/global') | ||
env.NODE_ENV = 'production' | ||
|
||
var path = require('path') | ||
var config = require('../config') | ||
var ora = require('ora') | ||
var webpack = require('webpack') | ||
var webpackConfig = require('./webpack.prod.conf') | ||
|
||
console.log( | ||
' Tip:\n' + | ||
' Built files are meant to be served over an HTTP server.\n' + | ||
' Opening index.html over file:// won\'t work.\n' | ||
) | ||
|
||
var spinner = ora('building for production...') | ||
spinner.start() | ||
|
||
var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory) | ||
rm('-rf', assetsPath) | ||
mkdir('-p', assetsPath) | ||
cp('-R', 'static/*', assetsPath) | ||
|
||
webpack(webpackConfig, function (err, stats) { | ||
spinner.stop() | ||
if (err) throw err | ||
process.stdout.write(stats.toString({ | ||
colors: true, | ||
modules: false, | ||
children: false, | ||
chunks: false, | ||
chunkModules: false | ||
}) + '\n') | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
/* eslint-disable */ | ||
require('eventsource-polyfill') | ||
var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') | ||
|
||
hotClient.subscribe(function (event) { | ||
if (event.action === 'reload') { | ||
window.location.reload() | ||
} | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
var path = require('path') | ||
var express = require('express') | ||
var webpack = require('webpack') | ||
var config = require('../config') | ||
var opn = require('opn') | ||
var proxyMiddleware = require('http-proxy-middleware') | ||
var webpackConfig = process.env.NODE_ENV === 'testing' | ||
? require('./webpack.prod.conf') | ||
: require('./webpack.dev.conf') | ||
|
||
// default port where dev server listens for incoming traffic | ||
var port = process.env.PORT || config.dev.port | ||
// Define HTTP proxies to your custom API backend | ||
// https://github.com/chimurai/http-proxy-middleware | ||
var proxyTable = config.dev.proxyTable | ||
|
||
var app = express() | ||
var compiler = webpack(webpackConfig) | ||
|
||
var devMiddleware = require('webpack-dev-middleware')(compiler, { | ||
publicPath: webpackConfig.output.publicPath, | ||
stats: { | ||
colors: true, | ||
chunks: false | ||
} | ||
}) | ||
|
||
var hotMiddleware = require('webpack-hot-middleware')(compiler) | ||
// force page reload when html-webpack-plugin template changes | ||
compiler.plugin('compilation', function (compilation) { | ||
compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { | ||
hotMiddleware.publish({ action: 'reload' }) | ||
cb() | ||
}) | ||
}) | ||
|
||
// proxy api requests | ||
Object.keys(proxyTable).forEach(function (context) { | ||
var options = proxyTable[context] | ||
if (typeof options === 'string') { | ||
options = { target: options } | ||
} | ||
app.use(proxyMiddleware(context, options)) | ||
}) | ||
|
||
// handle fallback for HTML5 history API | ||
app.use(require('connect-history-api-fallback')()) | ||
|
||
// serve webpack bundle output | ||
app.use(devMiddleware) | ||
|
||
// enable hot-reload and state-preserving | ||
// compilation error display | ||
app.use(hotMiddleware) | ||
|
||
// serve pure static assets | ||
var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) | ||
app.use(staticPath, express.static('./static')) | ||
|
||
module.exports = app.listen(port, function (err) { | ||
if (err) { | ||
console.log(err) | ||
return | ||
} | ||
var uri = 'http://localhost:' + port | ||
console.log('Listening at ' + uri + '\n') | ||
opn(uri) | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
var path = require('path') | ||
var config = require('../config') | ||
var ExtractTextPlugin = require('extract-text-webpack-plugin') | ||
|
||
exports.assetsPath = function (_path) { | ||
var assetsSubDirectory = process.env.NODE_ENV === 'production' | ||
? config.build.assetsSubDirectory | ||
: config.dev.assetsSubDirectory | ||
return path.posix.join(assetsSubDirectory, _path) | ||
} | ||
|
||
exports.cssLoaders = function (options) { | ||
options = options || {} | ||
// generate loader string to be used with extract text plugin | ||
function generateLoaders (loaders) { | ||
var sourceLoader = loaders.map(function (loader) { | ||
var extraParamChar | ||
if (/\?/.test(loader)) { | ||
loader = loader.replace(/\?/, '-loader?') | ||
extraParamChar = '&' | ||
} else { | ||
loader = loader + '-loader' | ||
extraParamChar = '?' | ||
} | ||
return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '') | ||
}).join('!') | ||
|
||
if (options.extract) { | ||
return ExtractTextPlugin.extract('vue-style-loader', sourceLoader) | ||
} else { | ||
return ['vue-style-loader', sourceLoader].join('!') | ||
} | ||
} | ||
|
||
// http://vuejs.github.io/vue-loader/configurations/extract-css.html | ||
return { | ||
css: generateLoaders(['css']), | ||
postcss: generateLoaders(['css']), | ||
less: generateLoaders(['css', 'less']), | ||
sass: generateLoaders(['css', 'sass?indentedSyntax']), | ||
scss: generateLoaders(['css', 'sass']), | ||
stylus: generateLoaders(['css', 'stylus']), | ||
styl: generateLoaders(['css', 'stylus']) | ||
} | ||
} | ||
|
||
// Generate loaders for standalone style files (outside of .vue) | ||
exports.styleLoaders = function (options) { | ||
var output = [] | ||
var loaders = exports.cssLoaders(options) | ||
for (var extension in loaders) { | ||
var loader = loaders[extension] | ||
output.push({ | ||
test: new RegExp('\\.' + extension + '$'), | ||
loader: loader | ||
}) | ||
} | ||
return output | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,91 @@ | ||
var path = require('path') | ||
var webpack = require('webpack') | ||
var config = require('../config') | ||
var utils = require('./utils') | ||
var projectRoot = path.resolve(__dirname, '../') | ||
|
||
module.exports = { | ||
entry: { | ||
app: './src/main.js' | ||
}, | ||
output: { | ||
path: config.build.assetsRoot, | ||
publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath, | ||
filename: '[name].js' | ||
}, | ||
resolve: { | ||
extensions: ['', '.js', '.vue'], | ||
fallback: [path.join(__dirname, '../node_modules')], | ||
alias: { | ||
'vue$': 'vue/dist/vue.js', | ||
'src': path.resolve(__dirname, '../src'), | ||
'assets': path.resolve(__dirname, '../src/assets'), | ||
'components': path.resolve(__dirname, '../src/components'), | ||
'jquery': __dirname + '/../src/js/jquery.js', | ||
'moment':__dirname + '/../src/plugins/daterangepicker/moment.js', | ||
'iCheck':__dirname +'/../src/plugins/iCheck/icheck.min.js' | ||
} | ||
}, | ||
plugins:[ | ||
new webpack.ProvidePlugin({ | ||
$:"jquery", | ||
jQuery:"jquery", | ||
"window.jQuery":"jquery", | ||
'moment':'moment', | ||
'iCheck':'iCheck' | ||
}) | ||
], | ||
resolveLoader: { | ||
fallback: [path.join(__dirname, '../node_modules')] | ||
}, | ||
module: { | ||
loaders: [ | ||
{ | ||
test: /\.vue$/, | ||
loader: 'vue' | ||
}, | ||
{ | ||
test: /\.js$/, | ||
loader: 'babel', | ||
include: projectRoot, | ||
exclude: /node_modules/ | ||
}, | ||
{ | ||
test: /\.json$/, | ||
loader: 'json' | ||
}, | ||
{ | ||
test: /\.css$/, | ||
loader: "style!css" | ||
}, | ||
{ | ||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, | ||
loader: 'url', | ||
query: { | ||
limit: 10000, | ||
name: utils.assetsPath('img/[name].[hash:7].[ext]') | ||
} | ||
}, | ||
{ | ||
test: /\.less$/, | ||
loader: 'style!css!less' | ||
}, | ||
{ | ||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, | ||
loader: 'url', | ||
query: { | ||
limit: 10000, | ||
name: utils.assetsPath('fonts/[name].[hash:7].[ext]') | ||
} | ||
} | ||
] | ||
}, | ||
vue: { | ||
loaders: utils.cssLoaders(), | ||
postcss: [ | ||
require('autoprefixer')({ | ||
browsers: ['last 2 versions'] | ||
}) | ||
] | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
var config = require('../config') | ||
var webpack = require('webpack') | ||
var merge = require('webpack-merge') | ||
var utils = require('./utils') | ||
var baseWebpackConfig = require('./webpack.base.conf') | ||
var HtmlWebpackPlugin = require('html-webpack-plugin') | ||
|
||
// add hot-reload related code to entry chunks | ||
Object.keys(baseWebpackConfig.entry).forEach(function (name) { | ||
baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) | ||
}) | ||
|
||
module.exports = merge(baseWebpackConfig, { | ||
module: { | ||
loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) | ||
}, | ||
// eval-source-map is faster for development | ||
devtool: '#eval-source-map', | ||
plugins: [ | ||
new webpack.DefinePlugin({ | ||
'process.env': config.dev.env | ||
}), | ||
// https://github.com/glenjamin/webpack-hot-middleware#installation--usage | ||
new webpack.optimize.OccurenceOrderPlugin(), | ||
new webpack.HotModuleReplacementPlugin(), | ||
new webpack.NoErrorsPlugin(), | ||
// https://github.com/ampedandwired/html-webpack-plugin | ||
new HtmlWebpackPlugin({ | ||
filename: 'index.html', | ||
template: 'index.html', | ||
inject: true | ||
}) | ||
] | ||
}) |
Oops, something went wrong.