Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
InJoyU
vue-element-admin
提交
2e9a3a84
V
vue-element-admin
项目概览
InJoyU
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
2e9a3a84
编写于
8月 07, 2017
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refine build
上级
cdebb5c0
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
213 addition
and
213 deletion
+213
-213
build/webpack.base.conf.js
build/webpack.base.conf.js
+79
-78
build/webpack.dev.conf.js
build/webpack.dev.conf.js
+32
-29
build/webpack.prod.conf.js
build/webpack.prod.conf.js
+100
-102
config/index.js
config/index.js
+0
-2
index.html
index.html
+2
-2
未找到文件。
build/webpack.base.conf.js
浏览文件 @
2e9a3a84
var
path
=
require
(
'
path
'
)
;
var
utils
=
require
(
'
./utils
'
)
;
var
config
=
require
(
'
../config
'
)
;
var
vueLoaderConfig
=
require
(
'
./vue-loader.conf
'
)
;
var
path
=
require
(
'
path
'
)
var
utils
=
require
(
'
./utils
'
)
var
config
=
require
(
'
../config
'
)
var
vueLoaderConfig
=
require
(
'
./vue-loader.conf
'
)
function
resolve
(
dir
)
{
return
path
.
join
(
__dirname
,
'
..
'
,
dir
)
return
path
.
join
(
__dirname
,
'
..
'
,
dir
)
}
var
src
=
path
.
resolve
(
__dirname
,
'
../src
'
);
module
.
exports
=
{
entry
:
{
app
:
'
./src/main.js
'
},
output
:
{
path
:
config
.
build
.
assetsRoot
,
filename
:
'
[name].js
'
,
publicPath
:
process
.
env
.
NODE_ENV
!==
'
development
'
?
config
.
build
.
assetsPublicPath
:
config
.
dev
.
assetsPublicPath
},
resolve
:
{
extensions
:
[
'
.js
'
,
'
.vue
'
,
'
.json
'
],
alias
:
{
'
vue$
'
:
'
vue/dist/vue.esm.js
'
,
'
@
'
:
resolve
(
'
src
'
),
'
src
'
:
path
.
resolve
(
__dirname
,
'
../src
'
),
'
assets
'
:
path
.
resolve
(
__dirname
,
'
../src/assets
'
),
'
components
'
:
path
.
resolve
(
__dirname
,
'
../src/components
'
),
'
views
'
:
path
.
resolve
(
__dirname
,
'
../src/views
'
),
'
styles
'
:
path
.
resolve
(
__dirname
,
'
../src/styles
'
),
'
api
'
:
path
.
resolve
(
__dirname
,
'
../src/api
'
),
'
utils
'
:
path
.
resolve
(
__dirname
,
'
../src/utils
'
),
'
store
'
:
path
.
resolve
(
__dirname
,
'
../src/store
'
),
'
router
'
:
path
.
resolve
(
__dirname
,
'
../src/router
'
),
'
mock
'
:
path
.
resolve
(
__dirname
,
'
../src/mock
'
),
'
vendor
'
:
path
.
resolve
(
__dirname
,
'
../src/vendor
'
),
'
static
'
:
path
.
resolve
(
__dirname
,
'
../static
'
)
entry
:
{
app
:
'
./src/main.js
'
},
output
:
{
path
:
config
.
build
.
assetsRoot
,
filename
:
'
[name].js
'
,
publicPath
:
process
.
env
.
NODE_ENV
!==
'
development
'
?
config
.
build
.
assetsPublicPath
:
config
.
dev
.
assetsPublicPath
},
resolve
:
{
extensions
:
[
'
.js
'
,
'
.vue
'
,
'
.json
'
],
alias
:
{
'
vue$
'
:
'
vue/dist/vue.esm.js
'
,
'
@
'
:
resolve
(
'
src
'
),
'
src
'
:
path
.
resolve
(
__dirname
,
'
../src
'
),
'
assets
'
:
path
.
resolve
(
__dirname
,
'
../src/assets
'
),
'
components
'
:
path
.
resolve
(
__dirname
,
'
../src/components
'
),
'
views
'
:
path
.
resolve
(
__dirname
,
'
../src/views
'
),
'
styles
'
:
path
.
resolve
(
__dirname
,
'
../src/styles
'
),
'
api
'
:
path
.
resolve
(
__dirname
,
'
../src/api
'
),
'
utils
'
:
path
.
resolve
(
__dirname
,
'
../src/utils
'
),
'
store
'
:
path
.
resolve
(
__dirname
,
'
../src/store
'
),
'
router
'
:
path
.
resolve
(
__dirname
,
'
../src/router
'
),
'
mock
'
:
path
.
resolve
(
__dirname
,
'
../src/mock
'
),
'
vendor
'
:
path
.
resolve
(
__dirname
,
'
../src/vendor
'
),
'
static
'
:
path
.
resolve
(
__dirname
,
'
../static
'
)
}
},
externals
:
{
jquery
:
'
jQuery
'
},
module
:
{
rules
:
[
// {
// test: /\.(js|vue)$/,
// loader: 'eslint-loader',
// enforce: "pre",
// include: [resolve('src'), resolve('test')],
// options: {
// formatter: require('eslint-friendly-formatter')
// }
// },
{
test
:
/
\.
vue$/
,
loader
:
'
vue-loader
'
,
options
:
vueLoaderConfig
},
{
test
:
/
\.
js$/
,
loader
:
'
babel-loader?cacheDirectory
'
,
include
:
[
resolve
(
'
src
'
),
resolve
(
'
test
'
)]
},
{
test
:
/
\.(
png|jpe
?
g|gif|svg
)(\?
.*
)?
$/
,
loader
:
'
url-loader
'
,
query
:
{
limit
:
10000
,
name
:
utils
.
assetsPath
(
'
img/[name].[hash:7].[ext]
'
)
}
},
externals
:
{
jquery
:
'
jQuery
'
},
module
:
{
rules
:
[
// {
// test: /\.(js|vue)$/,
// loader: 'eslint-loader',
// enforce: "pre",
// include: [resolve('src'), resolve('test')],
// options: {
// formatter: require('eslint-friendly-formatter')
// }
// },
{
test
:
/
\.
vue$/
,
loader
:
'
vue-loader
'
,
options
:
vueLoaderConfig
},
{
test
:
/
\.
js$/
,
loader
:
'
babel-loader?cacheDirectory
'
,
include
:
[
resolve
(
'
src
'
),
resolve
(
'
test
'
)]
},
{
test
:
/
\.(
png|jpe
?
g|gif|svg
)(\?
.*
)?
$/
,
loader
:
'
url-loader
'
,
query
:
{
limit
:
10000
,
name
:
utils
.
assetsPath
(
'
img/[name].[hash:7].[ext]
'
)
}
},
{
test
:
/
\.(
woff2
?
|eot|ttf|otf
)(\?
.*
)?
$/
,
loader
:
'
url-loader
'
,
query
:
{
limit
:
10000
,
name
:
utils
.
assetsPath
(
'
fonts/[name].[hash:7].[ext]
'
)
}
}
]
},
//注入全局mixin
// sassResources: path.join(__dirname, '../src/styles/mixin.scss'),
// sassLoader: {
// data: path.join(__dirname, '../src/styles/index.scss')
// },
},
{
test
:
/
\.(
woff2
?
|eot|ttf|otf
)(\?
.*
)?
$/
,
loader
:
'
url-loader
'
,
query
:
{
limit
:
10000
,
name
:
utils
.
assetsPath
(
'
fonts/[name].[hash:7].[ext]
'
)
}
}
]
},
//注入全局mixin
// sassResources: path.join(__dirname, '../src/styles/mixin.scss'),
// sassLoader: {
// data: path.join(__dirname, '../src/styles/index.scss')
// },
}
build/webpack.dev.conf.js
浏览文件 @
2e9a3a84
...
...
@@ -9,39 +9,42 @@ var FriendlyErrorsPlugin = require('friendly-errors-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
])
baseWebpackConfig
.
entry
[
name
]
=
[
'
./build/dev-client
'
].
concat
(
baseWebpackConfig
.
entry
[
name
])
})
function
resolveApp
(
relativePath
)
{
return
path
.
resolve
(
relativePath
);
return
path
.
resolve
(
relativePath
);
}
module
.
exports
=
merge
(
baseWebpackConfig
,
{
module
:
{
rules
:
utils
.
styleLoaders
({
sourceMap
:
config
.
dev
.
cssSourceMap
})
},
// cheap-source-map is faster for development
devtool
:
'
#cheap-source-map
'
,
cache
:
true
,
plugins
:
[
new
webpack
.
DefinePlugin
({
'
process.env
'
:
config
.
dev
.
env
}),
new
webpack
.
ProvidePlugin
({
$
:
'
jquery
'
,
'
jQuery
'
:
'
jquery
'
}),
// https://github.com/glenjamin/webpack-hot-middleware#installation--usage
new
webpack
.
HotModuleReplacementPlugin
(),
new
webpack
.
NoEmitOnErrorsPlugin
(),
// https://github.com/ampedandwired/html-webpack-plugin
new
HtmlWebpackPlugin
({
filename
:
'
index.html
'
,
template
:
'
index.html
'
,
favicon
:
resolveApp
(
'
favicon.ico
'
),
inject
:
true
,
path
:
config
.
dev
.
staticPath
}),
new
FriendlyErrorsPlugin
()
]
module
:
{
rules
:
utils
.
styleLoaders
({
sourceMap
:
config
.
dev
.
cssSourceMap
})
},
// cheap-source-map is faster for development
devtool
:
'
#cheap-source-map
'
,
cache
:
true
,
plugins
:
[
new
webpack
.
DefinePlugin
({
'
process.env
'
:
config
.
dev
.
env
}),
new
webpack
.
ProvidePlugin
({
$
:
'
jquery
'
,
'
jQuery
'
:
'
jquery
'
}),
// https://github.com/glenjamin/webpack-hot-middleware#installation--usage
new
webpack
.
HotModuleReplacementPlugin
(),
new
webpack
.
NoEmitOnErrorsPlugin
(),
// https://github.com/ampedandwired/html-webpack-plugin
new
HtmlWebpackPlugin
({
filename
:
'
index.html
'
,
template
:
'
index.html
'
,
favicon
:
resolveApp
(
'
favicon.ico
'
),
inject
:
true
,
path
:
config
.
dev
.
assetsPublicPath
+
config
.
dev
.
assetsSubDirectory
}),
new
FriendlyErrorsPlugin
()
]
})
build/webpack.prod.conf.js
浏览文件 @
2e9a3a84
...
...
@@ -12,112 +12,110 @@ var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
var
env
=
process
.
env
.
NODE_ENV
===
'
production
'
?
config
.
build
.
prodEnv
:
config
.
build
.
sitEnv
function
resolveApp
(
relativePath
)
{
return
path
.
resolve
(
relativePath
);
return
path
.
resolve
(
relativePath
);
}
var
webpackConfig
=
merge
(
baseWebpackConfig
,
{
module
:
{
rules
:
utils
.
styleLoaders
({
sourceMap
:
config
.
build
.
productionSourceMap
,
extract
:
true
})
},
devtool
:
config
.
build
.
productionSourceMap
?
'
#source-map
'
:
false
,
output
:
{
path
:
config
.
build
.
assetsRoot
,
filename
:
utils
.
assetsPath
(
'
js/[name].[chunkhash].js
'
),
chunkFilename
:
utils
.
assetsPath
(
'
js/[id].[chunkhash].js
'
)
},
plugins
:
[
// http://vuejs.github.io/vue-loader/en/workflow/production.html
new
webpack
.
DefinePlugin
({
'
process.env
'
:
env
}),
new
webpack
.
optimize
.
UglifyJsPlugin
({
compress
:
{
warnings
:
false
},
sourceMap
:
true
}),
// extract css into its own file
new
ExtractTextPlugin
({
filename
:
utils
.
assetsPath
(
'
css/[name].[contenthash].css
'
)
}),
// Compress extracted CSS. We are using this plugin so that possible
// duplicated CSS from different components can be deduped.
new
OptimizeCSSPlugin
(),
// generate dist index.html with correct asset hash for caching.
// you can customize output by editing /index.html
// see https://github.com/ampedandwired/html-webpack-plugin
new
HtmlWebpackPlugin
({
filename
:
process
.
env
.
NODE_ENV
===
'
testing
'
?
'
index.html
'
:
config
.
build
.
index
,
template
:
'
index.html
'
,
inject
:
true
,
favicon
:
resolveApp
(
'
favicon.ico
'
),
minify
:
{
removeComments
:
true
,
collapseWhitespace
:
true
,
removeRedundantAttributes
:
true
,
useShortDoctype
:
true
,
removeEmptyAttributes
:
true
,
removeStyleLinkTypeAttributes
:
true
,
keepClosingSlash
:
true
,
minifyJS
:
true
,
minifyCSS
:
true
,
minifyURLs
:
true
},
path
:
config
.
build
.
staticPath
,
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode
:
'
dependency
'
}),
// cache Module Identifiers
new
webpack
.
HashedModuleIdsPlugin
(),
// split vendor js into its own file
new
webpack
.
optimize
.
CommonsChunkPlugin
({
name
:
'
vendor
'
,
minChunks
:
function
(
module
,
count
)
{
// any required modules inside node_modules are extracted to vendor
return
(
module
.
resource
&&
/
\.
js$/
.
test
(
module
.
resource
)
&&
module
.
resource
.
indexOf
(
path
.
join
(
__dirname
,
'
../node_modules
'
)
)
===
0
)
}
}),
// split echarts into its own file
new
webpack
.
optimize
.
CommonsChunkPlugin
({
async
:
'
echarts
'
,
minChunks
(
module
)
{
var
context
=
module
.
context
;
return
context
&&
(
context
.
indexOf
(
'
echarts
'
)
>=
0
||
context
.
indexOf
(
'
zrender
'
)
>=
0
);
}
}),
// extract webpack runtime and module manifest to its own file in order to
// prevent vendor hash from being updated whenever app bundle is updated
new
webpack
.
optimize
.
CommonsChunkPlugin
({
name
:
'
manifest
'
,
chunks
:
[
'
vendor
'
]
}),
// copy custom static assets
new
CopyWebpackPlugin
([
{
from
:
path
.
resolve
(
__dirname
,
'
../static
'
),
to
:
config
.
build
.
assetsSubDirectory
,
ignore
:
[
'
.*
'
]
}
]),
new
webpack
.
ProvidePlugin
({
$
:
'
jquery
'
,
'
jQuery
'
:
'
jquery
'
})
]
module
:
{
rules
:
utils
.
styleLoaders
({
sourceMap
:
config
.
build
.
productionSourceMap
,
extract
:
true
})
},
devtool
:
config
.
build
.
productionSourceMap
?
'
#source-map
'
:
false
,
output
:
{
path
:
config
.
build
.
assetsRoot
,
filename
:
utils
.
assetsPath
(
'
js/[name].[chunkhash].js
'
),
chunkFilename
:
utils
.
assetsPath
(
'
js/[id].[chunkhash].js
'
),
publicPath
:
config
.
build
.
assetsPublicPath
},
plugins
:
[
// http://vuejs.github.io/vue-loader/en/workflow/production.html
new
webpack
.
DefinePlugin
({
'
process.env
'
:
env
}),
new
webpack
.
optimize
.
UglifyJsPlugin
({
compress
:
{
warnings
:
false
},
sourceMap
:
true
}),
// extract css into its own file
new
ExtractTextPlugin
({
filename
:
utils
.
assetsPath
(
'
css/[name].[contenthash].css
'
)
}),
// Compress extracted CSS. We are using this plugin so that possible
// duplicated CSS from different components can be deduped.
new
OptimizeCSSPlugin
(),
// generate dist index.html with correct asset hash for caching.
// you can customize output by editing /index.html
// see https://github.com/ampedandwired/html-webpack-plugin
new
HtmlWebpackPlugin
({
filename
:
'
index.html
'
,
template
:
'
index.html
'
,
inject
:
true
,
favicon
:
resolveApp
(
'
favicon.ico
'
),
minify
:
{
removeComments
:
true
,
collapseWhitespace
:
true
,
removeRedundantAttributes
:
true
,
useShortDoctype
:
true
,
removeEmptyAttributes
:
true
,
removeStyleLinkTypeAttributes
:
true
,
keepClosingSlash
:
true
,
minifyJS
:
true
,
minifyCSS
:
true
,
minifyURLs
:
true
},
path
:
config
.
build
.
assetsPublicPath
+
config
.
build
.
assetsSubDirectory
,
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode
:
'
dependency
'
}),
// cache Module Identifiers
new
webpack
.
HashedModuleIdsPlugin
(),
// split vendor js into its own file
new
webpack
.
optimize
.
CommonsChunkPlugin
({
name
:
'
vendor
'
,
minChunks
:
function
(
module
,
count
)
{
// any required modules inside node_modules are extracted to vendor
return
(
module
.
resource
&&
/
\.
js$/
.
test
(
module
.
resource
)
&&
module
.
resource
.
indexOf
(
path
.
join
(
__dirname
,
'
../node_modules
'
)
)
===
0
)
}
}),
// split echarts into its own file
new
webpack
.
optimize
.
CommonsChunkPlugin
({
async
:
'
echarts
'
,
minChunks
(
module
)
{
var
context
=
module
.
context
;
return
context
&&
(
context
.
indexOf
(
'
echarts
'
)
>=
0
||
context
.
indexOf
(
'
zrender
'
)
>=
0
);
}
}),
// extract webpack runtime and module manifest to its own file in order to
// prevent vendor hash from being updated whenever app bundle is updated
new
webpack
.
optimize
.
CommonsChunkPlugin
({
name
:
'
manifest
'
,
chunks
:
[
'
vendor
'
]
}),
// copy custom static assets
new
CopyWebpackPlugin
([{
from
:
path
.
resolve
(
__dirname
,
'
../static
'
),
to
:
config
.
build
.
assetsSubDirectory
,
ignore
:
[
'
.*
'
]
}]),
new
webpack
.
ProvidePlugin
({
$
:
'
jquery
'
,
'
jQuery
'
:
'
jquery
'
})
]
})
if
(
config
.
build
.
bundleAnalyzerReport
)
{
var
BundleAnalyzerPlugin
=
require
(
'
webpack-bundle-analyzer
'
).
BundleAnalyzerPlugin
webpackConfig
.
plugins
.
push
(
new
BundleAnalyzerPlugin
())
var
BundleAnalyzerPlugin
=
require
(
'
webpack-bundle-analyzer
'
).
BundleAnalyzerPlugin
webpackConfig
.
plugins
.
push
(
new
BundleAnalyzerPlugin
())
}
module
.
exports
=
webpackConfig
config/index.js
浏览文件 @
2e9a3a84
...
...
@@ -9,7 +9,6 @@ module.exports = {
assetsRoot
:
path
.
resolve
(
__dirname
,
'
../dist
'
),
assetsSubDirectory
:
'
static
'
,
assetsPublicPath
:
'
./
'
,
//请根据自己路径配置更改
staticPath
:
'
./static/
'
,
//请根据自己路径配置更改
productionSourceMap
:
false
,
// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
...
...
@@ -29,7 +28,6 @@ module.exports = {
autoOpenBrowser
:
true
,
assetsSubDirectory
:
'
static
'
,
assetsPublicPath
:
'
/
'
,
staticPath
:
'
/static/
'
,
proxyTable
:
{},
// CSS Sourcemaps off by default because relative paths are "buggy"
// with this option, according to the CSS-Loader README
...
...
index.html
浏览文件 @
2e9a3a84
...
...
@@ -8,8 +8,8 @@
<title>
Juicy
</title>
</head>
<body>
<script
src=
<%=
htmlWebpackPlugin.options.path
%
>
jquery
.
min
.
js
>
</script>
<script
src=
<%=
htmlWebpackPlugin.options.path
%
>
tinymce
/
tinymce
.
min
.
js
>
</script>
<script
src=
<%=
htmlWebpackPlugin.options.path
%
>
/
jquery
.
min
.
js
>
</script>
<script
src=
<%=
htmlWebpackPlugin.options.path
%
>
/
tinymce
/
tinymce
.
min
.
js
>
</script>
<div
id=
"app"
></div>
<!-- built files will be auto injected -->
</body>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录