drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #37 from jingsam/master

Browse source 
optimize project structure
This commit is contained in:
Aresn 2016-10-28 10:43:53 +08:00 • committed by GitHub
commit 64bd05f7ff
9 changed files with 17 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -15,4 +15,4 @@ npm-debug.log
*.swp *.swp
*.swo *.swo
*.log *.log
test/dist test/dist/

10
build/webpack.config.js
View file

@ -15,7 +15,7 @@ module.exports = {
}, },
// 输出 // 输出
output: { output: {
path: path.join(__dirname, '.././test/dist'), path: path.join(__dirname, '../test/dist'),
publicPath: '/test/dist/', publicPath: '/test/dist/',
filename: '[name].js', filename: '[name].js',
chunkFilename: '[name].chunk.js' chunkFilename: '[name].chunk.js'
@ -38,7 +38,7 @@ module.exports = {
"style-loader", "style-loader",
"css-loader?sourceMap", "css-loader?sourceMap",
{ {
publicPath: "../test/dist/" publicPath: "/test/dist/"
} }
), ),
less: ExtractTextPlugin.extract( less: ExtractTextPlugin.extract(
@ -64,9 +64,9 @@ module.exports = {
new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS
new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库 new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库
new HtmlWebpackPlugin({ // 构建html文件 new HtmlWebpackPlugin({ // 构建html文件
filename: '../../test/index.html', filename: 'index.html',
template: './test/template/index.html', template: './test/index.html',
inject: 'body' inject: 'body'
}) })
] ]
}; };

2
package.json
View file

@ -16,7 +16,7 @@
"main": "src/index.js", "main": "src/index.js",
"scripts": { "scripts": {
"init": "webpack --progress --config build/webpack.config.js", "init": "webpack --progress --config build/webpack.config.js",
"dev": "webpack-dev-server --content-base test --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.config.js", "dev": "webpack-dev-server --content-base test/dist/ --open --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.config.js",
"build": "gulp --gulpfile build/build-style.js" "build": "gulp --gulpfile build/build-style.js"
}, },
"repository": { "repository": {

8
test/components/app.vue → test/app.vue
View file

@ -1,6 +1,6 @@
<style lang="less"> <style lang="less">
@import "../../src/styles/index.less"; @import "../src/styles/index.less";
@import "../../src/styles/package.less"; @import "../src/styles/package.less";
</style> </style>
<template> <template>
<div> <div>
@ -15,13 +15,13 @@
} }
}, },
ready: function() { ready: function() {
}, },
beforeDestroy: function() { beforeDestroy: function() {
}, },
methods: { methods: {
} }
} }
</script> </script>

8
test/index.html
View file

@ -2,9 +2,9 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Webpack App</title> <title>iView test page</title>
<link href="/test/dist/main.css" rel="stylesheet"></head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="text/javascript" src="/test/dist/vendors.js"></script><script type="text/javascript" src="/test/dist/main.js"></script></body> </body>
</html> </html>

4
test/main.js
View file

@ -3,7 +3,7 @@
*/ */
import Vue from 'vue'; import Vue from 'vue';
import VueRouter from 'vue-router'; import VueRouter from 'vue-router';
import App from './components/app.vue'; import App from './app.vue';
Vue.use(VueRouter); Vue.use(VueRouter);
@ -79,4 +79,4 @@ router.afterEach(function (transition) {
router.redirect({ router.redirect({
'*': "/index" '*': "/index"
}); });
router.start(App, '#app'); router.start(App, '#app');

10
test/src/index.html
View file

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<link href="/test/dist/main.css" rel="stylesheet"></head>
<body>
<div id="app"></div>
<script type="text/javascript" src="/test/dist/vendors.js"></script><script type="text/javascript" src="/test/dist/main.js"></script></body>
</html>

10
test/template/index.html
View file

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
</head>
<body>
<div id="app"></div>
</body>
</html>

10
test/test/index.html
View file

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<link href="/test/dist/main.css" rel="stylesheet"></head>
<body>
<div id="app"></div>
<script type="text/javascript" src="/test/dist/vendors.js"></script><script type="text/javascript" src="/test/dist/main.js"></script></body>
</html>