QingWei-Li on v1.5.5
QingWei-Li on master
fix: upgrade extract-text-webpa… v1.5.5 (compare)
QingWei-Li on v1.5.4
fix: extract-text-webpack-plugi… v1.5.4 (compare)
QingWei-Li on master
fix: extract-text-webpack-plugi… v1.5.4 (compare)
import Vue from 'vue';
import App from './app';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
const routes = [
{
path: '/home',
component: resolve => require(['./pages/home.vue'], resolve)
}
];
const router = new VueRouter({
mode: 'hash',
base: __dirname,
routes
});
new Vue({ // eslint-disable-line
el: '#app',
router,
render: h => h(App)
});
App.vue
<template>
<div>
<div>hello</div>
<router-view></router-view>
</div>
</template>
home.vue
<template>
<div>123</div>
</template>
cooking.set({
entry: {
app: './src/index.js',
vendor: ['vue']
},
dist: './dist',
clear: true, // 每次打包都清理掉 dist 目录
hash: true,
sourceMap: true,
template: './index.html',
devServer: { port: 8888, publicPath: '/' },
postcss: [
require('postcss-salad')
],
extractCSS: true, // 提取 CSS 文件
chunk: [
'vendor', // entry 里定义的入口文件,也就是会将 vue 单独打包
'manifest' // 这个并没有在 entry 里声明的会将所有公用部分打包,也就是 webpack runtime
],
publicPath: '/', // 打包后的资源文件相对于 url 的路径
extends: ['vue2', 'lint']
});