webpack 坑与问题

1 . vue 项目中 assets 与 static 的区别

在使用vue脚手架生成的目录中，会有一个src/assets还有一个static。

两者都可以用来放一些静态文件。那有什么区别呢？

static中的文件不会被 webpack 打包，反正要知道 牵扯到 webpack 的 文件都不能使用中文。 文件被复制到dist/static

assets中的文件会经过 webpack 打包，重新编译。**需要重点注意的是，某些文件在 cli2 中的**webpack.base.conf.js 的  **url-loader****。中未匹配类型，需要手动添加。**

图片若放在 assets 中，引入需要用 require。

data () {
  return {
    pic: require( '@/assets/logo.png' )
  }
}

一般第三方插件、本地图片等放在static目录下面，build 编译后不会出现路径问题。

不想被别人直接看的 css、js 等放在assets目录下面。