These are chat archives for QingWei-Li/cooking

19th
Oct 2016
JunGuan Zhu
@NLMartian
Oct 19 2016 03:54
打包图片没打进去,会是什么原因
cinwell.li
@QingWei-Li
Oct 19 2016 04:11
JunGuan Zhu
@NLMartian
Oct 19 2016 04:12
如果需要把image打进去需要什么额外配置还是需要添加什么插件?
cinwell.li
@QingWei-Li
Oct 19 2016 04:12
打包进去是指什么
JunGuan Zhu
@NLMartian
Oct 19 2016 04:12
就是我现在打出来的文件里没有图片,开发的时候是正常的
cinwell.li
@QingWei-Li
Oct 19 2016 04:14
10Kb 的文件都被打包进 js 里了
JunGuan Zhu
@NLMartian
Oct 19 2016 04:15
超过10k的文件呢
cinwell.li
@QingWei-Li
Oct 19 2016 04:15
会被提取出来呀
你用的配置啥
JunGuan Zhu
@NLMartian
Oct 19 2016 04:16
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
Oct 19 2016 04:16
看起来没问题
最后 build 后控制台输出什么信息
JunGuan Zhu
@NLMartian
Oct 19 2016 04:17
图片放的路径有什么要求吗
cinwell.li
@QingWei-Li
Oct 19 2016 04:17
没有 默认都放在 dist 下
和 js 文件同级
诶 好像是放到 static 下
dist/static 好像
JunGuan Zhu
@NLMartian
Oct 19 2016 04:18
工程里的路径吗?还是打包出来的路径
cinwell.li
@QingWei-Li
Oct 19 2016 04:18
打包出来的
JunGuan Zhu
@NLMartian
Oct 19 2016 04:18
那图片在工程结构里没有特殊要求吗
cinwell.li
@QingWei-Li
Oct 19 2016 04:18
JunGuan Zhu
@NLMartian
Oct 19 2016 04:19
控制台没啥异常

[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
Oct 19 2016 04:19
输出的信息里并没有图片文件。。
我猜测图片都跑到 app.js 里了 😂😂
JunGuan Zhu
@NLMartian
Oct 19 2016 04:20
看了下有个图片是35k的
也被base64 了吗
JunGuan Zhu
@NLMartian
Oct 19 2016 04:21
所以不应该啊
cinwell.li
@QingWei-Li
Oct 19 2016 04:21
看了下代码确实写的就是 10Kb
图片你怎么引入的? 介意写个 Demo 么
写个 repo 我来看看
JunGuan Zhu
@NLMartian
Oct 19 2016 05:28
写好发你
JunGuan Zhu
@NLMartian
Oct 19 2016 06:01
    • demo 写完发现图片在里面
cinwell.li
@QingWei-Li
Oct 19 2016 06:29
。。。
JunGuan Zhu
@NLMartian
Oct 19 2016 06:38
我的意思是demo里有,项目里没有= =
cinwell.li
@QingWei-Li
Oct 19 2016 06:38
。。。那就不清楚了 你对比下哪里不同吧。。
JunGuan Zhu
@NLMartian
Oct 19 2016 06:44
你登下slack。。