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
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
看起来没问题
最后 build 后控制台输出什么信息
JunGuan Zhu
@NLMartian
图片放的路径有什么要求吗
cinwell.li
@QingWei-Li
没有 默认都放在 dist 下
和 js 文件同级
诶 好像是放到 static 下
dist/static 好像
JunGuan Zhu
@NLMartian
工程里的路径吗?还是打包出来的路径
cinwell.li
@QingWei-Li
打包出来的
JunGuan Zhu
@NLMartian
那图片在工程结构里没有特殊要求吗
cinwell.li
@QingWei-Li
JunGuan Zhu
@NLMartian
控制台没啥异常

[cooking] - Loaded success: vue2
[cooking] - Loaded success: lint

Build completed in 24.499s

[cooking] - info
Time: 24503ms
Asset Size Chunks Chunk Names
app.13365cc.css 129 kB 0, 2 [emitted] app
static/element-icons.a61be9c.eot 13.5 kB [emitted]
static/element-icons.b02bdc1.ttf 13.2 kB [emitted]
app.cf058b7.js 478 kB 0, 2 [emitted] app
vendor.0f50048.js 49.8 kB 1, 2 [emitted] vendor
manifest.cf026df.js 1.41 kB 2 [emitted] manifest
static/element-icons.09162bc.svg 17.4 kB [emitted]
app.cf058b7.js.map 3.45 MB 0, 2 [emitted] app
app.13365cc.css.map 17.4 kB 0, 2 [emitted] app
vendor.0f50048.js.map 385 kB 1, 2 [emitted] vendor
manifest.cf026df.js.map 13.4 kB 2 [emitted] manifest
index.html 391 bytes [emitted]

cinwell.li
@QingWei-Li
输出的信息里并没有图片文件。。
我猜测图片都跑到 app.js 里了 😂😂
JunGuan Zhu
@NLMartian
看了下有个图片是35k的
也被base64 了吗
JunGuan Zhu
@NLMartian
所以不应该啊
cinwell.li
@QingWei-Li
看了下代码确实写的就是 10Kb
图片你怎么引入的? 介意写个 Demo 么
写个 repo 我来看看
JunGuan Zhu
@NLMartian
写好发你
JunGuan Zhu
@NLMartian
    • demo 写完发现图片在里面