optimize project structure

This commit is contained in:
jingsam 2016-10-28 10:27:44 +08:00
parent 5b7fe51535
commit 4df4ea1911
9 changed files with 17 additions and 47 deletions

2
.gitignore vendored
View file

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

View file

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

View file

@ -16,7 +16,7 @@
"main": "src/index.js",
"scripts": {
"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"
},
"repository": {

View file

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

View file

@ -2,9 +2,9 @@
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<link href="/test/dist/main.css" rel="stylesheet"></head>
<title>iView test page</title>
</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>
</body>
</html>

View file

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

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>

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>

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>