Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Nov 16 2017 07:10
    minerchow edited #202
  • Nov 16 2017 07:10
    minerchow opened #202
  • Nov 14 2017 01:28
    dondevi opened #201
  • Nov 08 2017 07:44
    earlymeme opened #200
  • Nov 08 2017 07:39
    earlymeme closed #199
  • Nov 08 2017 07:26
    earlymeme opened #199
  • Nov 06 2017 09:31
    phaibin opened #198
  • Oct 26 2017 05:53

    QingWei-Li on v1.5.5

    (compare)

  • Oct 26 2017 05:53
    QingWei-Li closed #196
  • Oct 26 2017 05:53

    QingWei-Li on master

    fix: upgrade extract-text-webpa… v1.5.5 (compare)

  • Oct 25 2017 07:34
    leewind opened #197
  • Oct 23 2017 04:09
    tiupcn edited #196
  • Oct 23 2017 04:09
    tiupcn opened #196
  • Oct 17 2017 02:08

    QingWei-Li on v1.5.4

    fix: extract-text-webpack-plugi… v1.5.4 (compare)

  • Oct 17 2017 02:08
    QingWei-Li closed #187
  • Oct 17 2017 02:08

    QingWei-Li on master

    fix: extract-text-webpack-plugi… v1.5.4 (compare)

  • Oct 12 2017 12:00
    shaoxiong789 opened #195
  • Sep 28 2017 07:58
    deepkolos opened #194
  • Sep 28 2017 07:58
    deepkolos opened #193
  • Sep 12 2017 08:28
    KevinLongLong edited #192
He Long
@tolerious
@QingWei-Li
He Long
@tolerious
cooking适合Vue新手用么?
之前是没有接触过webpack这些东西的\
cinwell.li
@QingWei-Li
适合,不过遇到问题后还是要去学 webpack
cooking 只是包装了下 webpack 的 API
BITDM
@BITDM
使用多页面,在开发模式下,想在浏览器中访问http://localhost:8080时,自动转向http://localhost:8080/home.html,需要怎么配置?
cinwell.li
@QingWei-Li
额 没弄过不清楚
BITDM
@BITDM
devServer里有这样的配置吗?
cinwell.li
@QingWei-Li
你看看 webpack-dev-server 能不能配置
devServer 用的是 webpack-dev-server 的配置
如果那里面有就支持
BITDM
@BITDM
另外我用vue-router,想通过async加载组件,resolve => require(['./a.vue'], resolve),不报错,也显示不出来
cinwell.li
@QingWei-Li
ok 我试试
可以的诶 mint-ui 的文档就是用的异步加载组件,我刚才跑了下没问题
用的 vue2 么?
BITDM
@BITDM
"vue-router": "^2.0.0-rc.5"?
cinwell.li
@QingWei-Li
不知道是不是 API 变了
要去看看
BITDM
@BITDM
看文档是那么写的
ensure也试过,也不行
cinwell.li
@QingWei-Li
看起来没变化
我写的 demo 试试
BITDM
@BITDM
我是用element里的navmenu,设置router=true,对应vue-router里定应的path
用vue-devtools插件看,组件就没加载进来
cinwell.li
@QingWei-Li
稍等
。。。可以的
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>
BITDM
@BITDM
我照你的试试
cinwell.li
@QingWei-Li

最后页面上有个

<script type="text/javascript" charset="utf-8" async="" src="/3.js"></script>

He Long
@tolerious
Cooking目前支持的是Vue几?
He Long
@tolerious
看依赖里面写的是1
cinwell.li
@QingWei-Li
1 和 2 都可以呀
@tolerious
He Long
@tolerious
soga
JunGuan Zhu
@NLMartian
打包图片没打进去,会是什么原因
cinwell.li
@QingWei-Li
JunGuan Zhu
@NLMartian
如果需要把image打进去需要什么额外配置还是需要添加什么插件?
cinwell.li
@QingWei-Li
打包进去是指什么
JunGuan Zhu
@NLMartian
就是我现在打出来的文件里没有图片,开发的时候是正常的
cinwell.li
@QingWei-Li
10Kb 的文件都被打包进 js 里了
JunGuan Zhu
@NLMartian
超过10k的文件呢
cinwell.li
@QingWei-Li
会被提取出来呀
你用的配置啥
JunGuan Zhu
@NLMartian
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']
});
照着demo配的
cinwell.li
@QingWei-Li
看起来没问题