assets 为了回答这个问题，我们首先需要了解Webpack如何处理静态资产。在 *.vue组件中，所有模板和CSS都会被 vue-html-loader 及 css-loader 解析，并查找资源URL。例如，在 src="./logo.png"> ...

区别一（最终位置） assets文件是src下的，所以最后运行是需要进行打包，而static文件不需要打包直接放在最终的文件中了 区别二（引用方式） assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用，但是在script下必须用@import ...

static下的静态资源在项目打包的时候，直接在dist文件夹下直接把static文件夹打包进去src下的assets，在打包时，vue是按照模块来引入里面的静态资源，一般使用这种方式 ...

你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？ 资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。 在所有的*.vue文件中你所有的templates 和CSS 都被vue ...

资源打包 为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*.vue文件中你所有的templates 和CSS 都被vue-html-loader 和css-loader 查询资源的URLs解析. 比如说, 在 img src=”./logo.png ...

前言: webpack中的require解析 首先明确一点，在项目中的webpack.config.js等项目配置文件中使用的require属于nodejs范畴，而进入index.js后，加载的组件 ...

一、问题： 　　大家都知道在HTML中有三种使用CSS的方式，分别是：内联样式、内部样式、外部样式。外部样式，在head部分使用link标签引入外部写入css样式表的文件，示例如下：<link href="index.css" rel="stylesheet"> ...

资源文件处理 在我们的项目结构里，有两个资源文件的路径，分别是：src/assets 和 static/。那这两个到底有什么区别呢？ Webpacked 资源 为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会 ...