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
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 写完发现图片在里面
cinwell.li
@QingWei-Li
。。。
JunGuan Zhu
@NLMartian
我的意思是demo里有,项目里没有= =
cinwell.li
@QingWei-Li
。。。那就不清楚了 你对比下哪里不同吧。。
JunGuan Zhu
@NLMartian
你登下slack。。
Janus
@hfxchan
请教一个问题,extractCSS: true, // 提取 CSS 文件, 提取不了Vue组件的css,提取组件css要怎样做呢
cinwell.li
@QingWei-Li
*.vue 里的 css 也是会被提取的
Janus
@hfxchan
blob
blob
我是用vue router异步加载的,但组件里的css没有被提取出来
cinwell.li
@QingWei-Li
这个我倒没测试过
我试试看
Janus
@hfxchan
嗯嗯,谢谢
cinwell.li
@QingWei-Li
@hfxchan 我用 vue-cli 创建的项目
同样没办法把 css 提取出来
目前看来没办法做到
如果用异步加载的话,最好还是 css 独立出去吧
Janus
@hfxchan
嗯嗯, 原来这样,还是手动独立出去吧
cinwell.li
@QingWei-Li
mingming
@minerchow
请教个问题,用了vue-router2异步加载,cooking怎么配置才能将代码分割,之前vue1时候是能将代码分割成0.js,1.js,2.js....
blob