├── .babelrc
├── src
├── images
│ └── logo_my.png
├── router
│ └── router.js
├── index.js
├── index.html
├── style
│ └── index.scss
└── App.vue
├── .editorconfig
├── webpack.analy.js
├── postcss.config.js
├── LICENSE
├── webpack.server.js
├── webpack.build.js
├── package.json
├── .eslintrc
├── webpack.config.js
└── readme.md
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["@babel/preset-env"]
3 | }
--------------------------------------------------------------------------------
/src/images/logo_my.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zhoulujun/webpack4-vue2-project-template/HEAD/src/images/logo_my.png
--------------------------------------------------------------------------------
/src/router/router.js:
--------------------------------------------------------------------------------
1 | /**
2 | *@author Create by zhoulujun.cn on 1/7/196:05 PM
3 | *@version 1.0.0
4 | */
5 | import App from '../App.vue';
6 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | indent_style = space
5 | indent_size = 2
6 | end_of_line = lf
7 | charset = utf-8
8 | trim_trailing_whitespace = true
9 | insert_final_newline = true
10 |
11 | [*.md]
12 | trim_trailing_whitespace = false
13 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | *@author Create by zhoulujun.cn on 1/4/1910:30 AM
3 | *@version 1.0.0
4 | */
5 | import "./style/index.scss";
6 |
7 | import Vue from 'vue/dist/vue.common';//这是个坑 非：'vue'
8 | import App from './App';
9 | new Vue({
10 | el:'#app',
11 | render:h=>h(App)
12 | });
--------------------------------------------------------------------------------
/webpack.analy.js:
--------------------------------------------------------------------------------
1 | /**
2 | *@author Create by zhoulujun.cn on 1/4/1910:30 AM
3 | *@version 1.0.0
4 | *webpack 打包配置
5 | *打包速度方面优化无必要。可能你研究了半天，改了一堆参数发现其实也就提升了几秒，但维护成本上去了，得不偿失。
6 | */
7 |
8 |
9 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
10 |
11 | const config = require('./webpack.config');
12 |
13 | config.plugins.push(
14 | new BundleAnalyzerPlugin()
15 |
16 | );
17 |
18 | module.exports = config;
19 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | webpack4-vue2-project-template
7 |
8 |
9 |
10 |
11 |
12 | 
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/style/index.scss:
--------------------------------------------------------------------------------
1 | .demo{
2 | width: 146px;
3 | height: 49px;
4 | background: url("../images/logo_my.png");
5 | background-size: 100%;
6 | transform-origin: 100%;
7 | transform: scale(.5);
8 | display: -webkit-box;
9 |
10 | }
11 |
12 | .page {
13 | display: grid;
14 | grid-gap: 33px;
15 | grid-template:
16 | "head head head" 1fr
17 | "nav main main" minmax(100px, 1fr)
18 | "nav foot foot" 2fr /
19 | 1fr 100px 1fr;
20 | }
21 | .page__head {
22 | grid-area: head;
23 | }
24 | .page__nav {
25 | grid-area: nav;
26 | }
27 | .page__main {
28 | grid-area: main;
29 | }
30 | .page__footer {
31 | grid-area: foot;
32 | }
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | *@author Create by zhoulujun.cn on 1/7/192:59 PM
3 | *@version 1.0.0
4 | */
5 |
6 | /*module.exports = {
7 | plugins: {
8 | 'autoprefixer': {
9 | browsers: [
10 | "> 1%",
11 | "last 5 versions",
12 | "not ie <= 9",
13 | "ios >= 8",
14 | "android >= 4.0"
15 | ]
16 | }
17 | }
18 | };*/
19 |
20 | module.exports = {
21 | plugins: [
22 | require('autoprefixer')({
23 | browsers: [
24 | "> 1%",
25 | "last 105 versions",
26 | "not ie <= 8",
27 | "ios >= 8",
28 | "android >= 4.0"
29 | ]
30 | })
31 | ]
32 | };
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
testHello
4 |
5 |
6 |