vue.js template中如果想包含script代码，应该怎样处理做项目的时候 实际新建的是一个个.vue后缀的文件，每个vue结尾的文件就是一个组件这个文件包含了 html和script +css 如下图：
vuejs vue-loader 为什么不能支持两个templatevuejs vue-loader 能支持两template 漆.二.一二维数组定义 前面介绍数组标称维数组其数组元素称单标变量实际问题量二维或维C语言允许构造维数组维数组元素标标识数组位置所称标变量本节介绍二维数组维数组由二维数组类推 二维数组定义般形式：类型说明符 数组名[量表达式一][量表达式二] 其量表达式一表示第维标度量表达式二 表示第二维标度 例：int a[三][四]; 说明三行四列数组数组名a其标变量类型整型该数组标变量共三×四即： a[0][0],a[0][一],a[0][二],a[0][三]a[一][0],a[一][一],a[一][二],a[一][三]a[二][0],a[二][一],a[二][二],a[二][三
vuejs vue-loader 为什么不能支持两个templatevuejs vue-loader 为什么不能支持两个template 7.2.1 二维数组的定义 前面介绍的数组只有一个下标，称为一维数组，其数组元素也称为单下标变量 。在实际问题中有很多量是二维的或多维的，因此C语言允许构造多维数组 。多维数组元素有多个下标
Vue.js为什么不支持templateUrl模式Vue.js支持templateUrl模式原templateUrl使用ajax式运行加载template型应用数量庞组件及浏览器请求数量限制导致严重app加载性能问题组件APP基础单元发template推荐单文件组件发vue综合react(单文件html字符串拼死)angularjs(量ajax获取template)提my_component.vue单文件组件发templatestylejs集文件利用webpack构建目前sublime text已vue文件语高亮插件同vue-cli给力钟搭建基础结构都事打死用构建工具/webpack我选择虽官推荐总能打死啊默默拼串Vue.component('todo-item',{props: ['title'],template: '\\{{ title }}\X\\',});使用
vue.js为什么在component的template的root标签中不能使用v-forAngular的世界里，templateURL 或者 ng-include 允许使用者在运行时动态的加载远程模板文件，这个看起来很方便，作为一个自带功能 ， 但是让我们来重新审视下这个功能 。
首先，它允许我们能够编写一个分离的html文件作为模板，这样子我们就能在编辑的时候看到正确的语法高亮 ， 这也是很多开发者喜欢的原因（注：我觉得这是因为现在的人越来越懒，越来越依赖IDE的原因） 。但是分离你的js和html代码真的是个好主意么？在Vue.js的组件中，js和html天然紧耦合，事实上 ， 这些代码在一个文件更简单易懂 。在2个文件中来回切换上下文逻辑实际上让开发者更不爽 。在vue的概念里，组件才是vue.js的基本构建单位，并不是模板文件 。每一个vue.js的模板都伴随着他的好基友js，分离他们太过于残忍了 。
其次，因为templateURL是在运行时通过ajax的方式加载模板 ， 不需要构建步骤为了你分离的文件 。开发的时候 ， 这很爽，但是上线部署的时候，你就麻烦了 。在HTTP2.0没有大面积支持前，HTTP的请求数仍然是页面加载的最关键因素 。想象一下 ， 在你的网站中，每个组件都是用templateURL ， 那么页面出来前，你可能需要加载几十个HTTP请求 。可能你并不知道，大多数的浏览器是限制同一域名的并发请求数量的 。当你超过这个限额的时候，你页面的初始渲染时间就得等待每次请求的返回 。当然，有工具可以帮助你提前注册你所有的模板 ， 但是这就多了一个构建步骤，事实上 ， 这就是大型网站的必然趋势 。
那么 ， 在没有templateURL的情况下 ， 我们怎么处理开发环境问题呢？
在js里面拼接字符串是很烂的做法 ， 使用 这种伪模板也不咋样 。那么，现在是时候提升技能，使用像Webpack或者Browserify这种流行的模块构建器了 。如果以前没有使用过，可能有点望而却步，但是相信我，这会有一个质的飞跃 。对于大型网站和系统来说 ， 适当的模块化很必要 。更重要的是，你可以编写Vue组件在一个文件中，再加上语法高亮，自定义的预处理器 ， 热加载，ES6，内置css，自动前置 。可以让开发者提高10倍效率 。
最后，Vue还能懒加载你的组件，加上使用wabpack非常容易 ， 尽管这是为了解决一个问---构建页面文件过于庞大，初始化比较慢，所以你最好还是分割开来比较好 。
抛弃template，拥抱组件世界吧?。?br>
以上是原文的翻译，并非完全直译，有很多自己的语言，大概意思相同，原谅我的文采不行 。
个人觉得，Vue的组件思想跟React相似 ， 把很多东西放在了js（这里是.vue文件）中 ， 这种做法是把很多紧耦合的东西集中在一起管理，把原来分割开的css,html，js合成在一起，这个很像很多年的做法，所以很同意玉伯说的，看起来前端是在原地打转了一圈，开发模式回到了从前的样子，但是已经螺旋上升了哦，一切都在升级 。
通过最近的使用来看，这种component的方式很方便，天然帮你做了解耦的分离 ， 当然你需要转化自己的思维模式 ， 不能在用jquery的操作DOM方式 ， 同时和Angular也有很多区别，Vue并非一个框架，而是更像一个类库 ， 这样很灵活，当然也会有人使用非常hack的方式来编写代码 ， 可能会很蛋疼，这就需要自己注意了，对于团队而言，可以很好的积累各种组件 ， 同时功能切分，合作起来更加容易，就看团队对Vue的理解程度了 。
npm run dev 启动vue.js项目，报错，不知道是什么错误 ， 请大神指点，谢谢；【vue】首先你看一下你有没有npm install，如果有的话 ， 最下面有提示原因，各种不同的项目错误也不是完全一样 ， 去github下面找作者提issue问吧，个人见解
在开发vue3.0项目时 cnpm run serve启动项目报错 求大神指点 怎么解决我和你报npm提示了一样的错误，我发现是我ip换了，把IP关了就好了 。不知道你的报错原因是什么 ， 希望能帮到你哟
编译vue项目的时候报错，怎么办？候报错，怎么办？
vue项目运行报错!求解module没有安装好
建议删除node_modules
用cnpm 重新安装一下
新建的vue项目为什么显示里面文件有错误呢？删除 .browserslistrc 文件试试
vue-cli npm run dev 这些css样式是怎么加载的这些不是css样式 ， 是类名，样式在这些类名里面，加载顺序是从前往后，不同类名里有相同样式设置的话，后面的样式覆盖前面的
vue-cli的css是怎么打包的我想了解一下以上这些概念的关系，我用过gulp，webpack应该是类似的工具吧 。
另外，官网例子中安装过程中的这两句：
npm install -g vue-cli
vue init webpack my-project
vue-cli 如何使用scss一、创建一个基于 webpack 模板的新项目1、全局安装 vue-cli$ npm install --global vue-cli2、创建一个基于 webpack 模板的新项目$ vue init webpack my-project3、安装依赖$ cd my-project$ npm install4、为了使用sass，我们需要安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass5、修改style标签打开src目录下的components目录中的Hello.vue文件 。然后修改 style标签如下6、然后运行项目npm run dev7、终端显示错误，如下：ERRORFailed to compile with 1 errorserrorin ./src/components/Hello.vueModule build failed: h1, h2 {^Invalid CSS after "h1, h2 {": expected "}", was "{"in /Users/fangyongle/my-blogger/src/components/Hello.vue (line 36, column 9)错误提示：无效的css 。因为sass语法不使用大括号和分号 。如果你喜欢使用不带大括号的语法，只要去掉css代码的大括号和分号，即使用缩进语法 。如果你希望使用带大括号的语法 ， 即SCSS那么，你只要把lang="sass"改成lang="scss"就行了 。二、引用sass/scss 文件举个例子 @import"./common/scss/mixin";千万别忘了分号，否则会报错类似的错误Module build failed:#app {^Media query expression must begin with '('in /Users/fangyongle/elema/src/App.vue (line 35, column 1)@ ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=data-v-0bf489db!./~/sass-loader!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-248 13:3-17:5 14:22-256好了，在vue项目中使用sass就这么简单作者：no_shower来源：简书著作权归作者所有 。商业转载请联系作者获得授权，非商业转载请注明出处 。
vue-cli怎么配置支持es7语法Mac端WebStorm用户
command + , 打偏设置选择plugins,点击browse repositories...
打窗口搜索栏打"vue" 两插件
都官
想要高亮显示*.vue文件File Types 选项找HTML手添加*.vue高亮啦
vue-cli 怎么使用 web Worker我也困扰了很久后发现，如你把代码保存为txt格式后用Sublime Text 2打开不会有高亮颜色的，此软件可以直接打开程序的源代码文件，或者txt文件打开后窗口的右下角点下可以出现选着编程语言种类 。
vue运行npm run dev出现的怎么解决上面提示了，翻译一下（package.json存在，但是 node_modules不存在 ， 你的意思是安装吗？）这个意思是你没有安装依赖项,需要先安装依赖项 。运行npm install进行安装 。如果嫌npm慢可以使用yarn或者cnpm安装依赖，安装完毕就可以运行了npm start
详解Vue项目在其他电脑npm run dev运行报错的解决方法一个
Vue
项目从一台电脑上传到
github
上之后 ， 再另外一台电脑上
git
clone
。并使用
npm
run
dev
或
npm
run
start
发生以下报错的解决方法 。
报错原因
缺少
node_modules
里面的依赖 。在项目目录下使用
npm
install
然后再
npm
run
dev 。
如果在这一步当中 ，
npm
install
执行的过程中，处于一直卡顿的状态 。说明网络状况不佳 。建议使用
cnpm
淘宝源 。
淘宝源
使用
cnpm
-v
查看是否已经安装
cnpm 。如果没有，使用
npm
install
cnpm
-g
--registry=https://registry.npm.taobao.org
命令安装 。然后将上面
npm
的步骤命令改成
cnpm
即可 。
补充：
默认电脑里已经安装Node.js
下载完别人的VUE项目后，我们执行下载所有依赖npm
install后启动npm
run
dev运行的最后一步经常会报错，
不是缺少依赖模板，就是node_modules版本与本机安装的node和npm版本不一致 。
今天遇到的问题就是版本不一致，例如我们的电脑中安装的node版本为6.10.3、npm版本为4.6.1 。而项目中的版本为"node":
">=
4.0.0",
"npm":
">=
3.0.0" 。
这样运行后终端会报错，无效的指令 。
这时解决的方法就是直接删除vue项目中的node_modules，同时修改package.json文件里面的
"engines":
{
"node":
">=
4.0.0",
"npm":
">=
3.0.0"
},
将"node":
">=
4.0.0","npm":
">=
3.0.0"修改为"node":
">=
6.10.3","npm":
">=
4.6.1"（你电脑中node/npm的版本号）
然后执行npm
install重新下载所有依赖
最后执行npm
run
dev就能成功运行项目了 。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家 。
vue.js安装最后一步，npm run dev，报错，服务器链接不上，什么情况C:Usersshakamy-project>npmrundev运行完这句话以后，nodebuild/dev-server.js使用npm安装依赖，尽量别使用cnpm，会漏掉很多依赖的 。
vue脚手架 npm run dev 报错啊 。。在线等一、简介Vue.js 是什么Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架 。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计 。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合 。另一方面 ， Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用 。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。Vue.js是一个MVVM模式的框架，如果读者有angular经验，一定能够很快入门Vue的vue.js的特点:易用： 已经会了HTML,CSS,JavaScript？即刻阅读指南即可开始构建应用！灵活： 简单小巧的核心 ， 渐进式技术栈，足以应付任何规模的应用 。高效： 16kb min+gzip 的运行大小,超快虚拟 DOM ,最省心的优化二、环境搭建vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备 ， 比如资源的合并和打包 。vue-cli: 用户生成Vue工程模板开始安装:1.nodejs由于我已经安装好了,跳过 2.webpacknpm install webpack -g3.安装vue脚手架npm install vue-cli -g测试:在硬盘上找一个文件夹放工程用的 ， 在终端中进入该目录cd 目录路径根据模板创建项目vue init webpack-simple 工程名字或者创建 vue1.0 的项目vue init webpack-simple#1.0 工程名字工程目录如图所示:安装项目依赖:安装 vue 路由模块vue-router和网络请求模块vue-resource进入该项目执行npm install vue-router vue-resource --save启动项目npm run dev运行就报错'NODE_ENV' 不是内部或外部命令，也不是可运行的程序或批处理文件 。npm ERR! Windows_NT 6.1.7601npm ERR! argv "D:\\nodejs\\node.exe" "D:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"npm ERR! node v4.0.0-rc.5npm ERR! npm v2.14.2npm ERR! code ELIFECYCLEnpm ERR! yy-ydh-web@1.0.7 start: `npm run clear&& NODE_ENV=development && webpack-dev-server --host 0.0.0.0 --devtool eval --progress --color --profile`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the yy-ydh-web@1.0.7 start script 'npm run clear&& NODE_ENV=development && webpack-dev-server --host0.0.0.0 --devtool eval --progress --color --profile'.npm ERR! This is most likely a problem with the yy-ydh-web package,npm ERR! not with npm itself.npm ERR! Tell the author that this fails on your system:npm ERR! npm run clear&& NODE_ENV=development && webpack-dev-server --host 0.0.0.0 --devtool eval --progress --color --profilenpm ERR! You can get their info via:npm ERR! npm owner ls yy-ydh-webnpm ERR! There is likely additional logging output above.npm ERR! Please include the following file with any support request:npm ERR! D:\workspace\node_modules\yy-ydh-web\npm-debug.log这是windows不支持NODE_ENV=development的设置方式解决方法:●安装across-env: npm install cross-env --save-dev●在NODE_ENV=xxxxxxx前面添加cross-env就可以了 。运行还是报错:找不到webpack这个模块module.js:457 throw err; ^Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:455:15) at Function.Module._load (module.js:403:25) at Module.require (module.js:483:17) at require (internal/module.js:20:19) at Object. (D:\vue_work\fendo\webpack.config.js:2:15) at Module._compile (module.js:556:32) at Object.Module._extensions..js (module.js:565:10) at Module.load (module.js:473:32) at tryModuleLoad (module.js:432:12) at Function.Module._load (module.js:424:3)安装该模块:ccnpm install 模块名 --save-dev(关于环境的，表现为npm run dev 启动不了)cnpm install 模块名 --save(关于项目的 ， 比如main.js，表现为npm run dev 成功之后控制台报错)比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list安装好后运行又报这个模块的错:Error: Cannot find module 'bl' at Function.Module._resolveFilename (module.js:455:15) at Function.Module._load (module.js:403:25) at Module.require (module.js:483:17) at require (internal/module.js:20:19) at Object. (C:\Users\fendo\AppData\Roaming\npm\node_modules\npm\node_modules\request\request.js:9:10) at Module._compile (module.js:556:32) at Object.Module._extensions..js (module.js:565:10) at Module.load (module.js:473:32) at tryModuleLoad (module.js:432:12) at Function.Module._load (module.js:424:3)接着继续安装
npm run stylelint报错 怎么解决请提供错误信息
解决vuejs项目里css引用背景图片不能显示的问题解决：build->utils.js里 ， 修改：增加
publicPath:'../../',
if
(options.extract)
{
return
ExtractTextPlugin.extract({
use:
loaders,
publicPath:'../../',
fallback:
'vue-style-loader'
})
}
else
{
return
['vue-style-loader'].concat(loaders)
}
以上这篇解决vuejs项目里css引用背景图片不能显示的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家 。
您可能感兴趣的文章:解决vue打包之后静态资源图片失效的问题解决vue打包css文件中背景图片的路径问题详谈vue+webpack解决css引用图片打包后找不到资源文件的问题vue
cli使用绝对路径引用图片问题的解决关于Vue背景图打包之后访问路径错误问题的解决
vue-cli 里面建立的.vue文件的style部分 引用根目录怎么整？首先，在写Vue的时候，应该采用懒加载模式，之后生成的包，就会被打入到不同分组的js，运行时按需加载 ， 详情见：Vue-路由懒加载；这个意义重大！其次 ， 可利用，webpack.DllReferencePluginwebpack.DllReferencePlugin将常用不怎么变更的文件，打入一个统一的文件，外链使用 。这个主要作用也可用来缩小包构建的时间；这个网上教程蛮多 ， 就不赘述 。也可参见这个项目jade-blog来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件 。再次，可以利用webpack-bundle-analyzer可以分析打包后生成的文件结构，十分牛掰（最新Vue-cli带有此配置）；在package.json中配置如下命令npmrunanalyz ， 运行即可查看之："analyz":"NODE_ENV=productionnpm_config_report=truenpmrunbuild"
css里的背景图片路径怎么改才能被引用？ 我的css就写在style里 ， 想把绝对路径换成相对路径，background:url( 图片名 . 图片格式 )
css内联样式与Vue的data引入的style样式有什么本质的区别？？？？？Vue实践-CSS样式position/display/float属性对比使用
vue里用v-for循环出来的图片在:style重新赋值backgroundPosition的值可以用随机数函数，比如：style="{backgroundPosition:(100/demoList.length*index) + '% ' +(Math.random()*(100-100/demoList.length*(index+1))+(100/demoList.length*index)) + '%'}"至于用什么方式产生合理的随机数，要自己慢慢尝试和选择，上面例子只是做了一个演示 ， 抛砖引玉而已 。
Vue2引入ElementUI时为什么会报错.安装以下模块，让webpack可以解析css文件
cnpm install style-loader --save-dev
cnpm install css-loader --save-dev
cnpm install file-loader --save-dev123123
2.安装elementUi模块
cnpm install element-ui@next -S11
3.在webpack.base.conf.js中添加配置
{
test: /\\\\\\\\.css$/,
loader: "style!css"
},
{
test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
loader: "file"
}1234567812345678
4.然后在 main.js 引入并注册
import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(Element)
Vue2引入ElementUI时为什么会报错？你打开 项目下的 project.properties这个文件 有个 target属性，看看和你的一样不 。.安装以下模块，让webpack可以解析css文件cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev1231232.安装elementUi模块cnpm install element-ui@next -S113.在webpack.base.conf.js中添加配置test: /\\\\\\\\.css$/,loader: "style!css"test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,loader: "file"}12345678123456784.然后在 main.js 引入并注册import Element from 'element-ui'import 'element-ui/lib/theme-default/index.css'Vue.use(Element) 。
在vue.js里引入bootstrap.css文件报错怎么办怎么会 。。。不会有影响的啊 。。你把报错贴出来看看呢
我在安装vue包的时候是成功的 ， 但是删除的时候会报错你可以试试（不一定有效） 把这个css用放到static文件中再需要地方引用，static文件中的是不会打包压缩的
为什么在vue的main.js中引入css或者报错，不引入没问题其实是他们冲突了导致的问题 。希望我的回答可以帮到你，有什么不懂可以追问 。
怎么直接中vue组件的style使用less ， 不是引入less既然你的文件类型是.less的，那么你在引用的时候type的类型也应该是less的
怎么直接中vue组件的style使用less，不是引入lessTHE FIRST LOADERWe want to add a css file to our application.webpack can only handle JavaScript natively, so we need the css-loader to process CSS files. We also need the style-loader to apply the styles in the CSS file.Run npm install css-loader style-loader to install the loaders. (They need to be installed locally, without -g) This will create anode_modules folder for you, in which the loaders will live.Let’s use them:
Vue 文件可以直接写 less 吗THE FIRST LOADERWe want to add a css file to our application.webpack can only handle JavaScript natively, so we need the css-loader to process CSS files. We also need the style-loader to apply the styles in the CSS file.Run npm install css-loader style-loader to install the loaders. (They need to be installed locally, without -g) This will create anode_modules folder for you, in which the loaders will live.Let’s use them:
我自己搭建了vue环境，写了个小demo,然后第二天不知道怎么运行这个demo了 。webpack 搭建的吗？
那得启服务
webpack-dev-server
然后打开网址就行了
自己搭建了一个vue的运行环境，最后出来这个页面，你是用手脚架搭的吗？出来这个页面说明你成功的完成了第一步，进入到vue的世界了，接下了你想干嘛就干嘛了，环境已经搭建完成，你需要做的就是将你想放的东西放进去而已 。vue都是以组件形式将页面导入进入的，import引入组件 ， 在components中声自己搭建了一个vue的运行环境 ， 最后出来这个页面，
如何指定目录安装vue组件化发使用?? vue-loader... vue-loader通 require引入 比Js文件写assets/js main.js require('./src/assets/xxx.js') 单页面html,直接引入行
vue.js环境搭建完，代码写在哪在src文件夹里写，一般一个模块放一个文件夹 ， 然后通过export和import抛出和引入
自己搭建了一个vue的运行环境，最后出来这个页面，但是之后要怎么做？我自己写了一个小demo ， 怎么你是用手脚架搭的吗？出来这个页面说明你成功的完成了第一步，进入到vue的世界了 ， 接下了你想干嘛就干嘛了，环境已经搭建完成，你需要做的就是将你想放的东西放进去而已 。vue都是以组件形式将页面导入进入的，import引入组件，在components中声明，然后在中使用就行了
如何把.vue文件中的js和css文件独立出来
export default {
name: 'MainPage',
data () {
return {
}
}
vue 如何引入独立出来的css文件style
中可以import sass文件，css用得少，需要配置一下
webpack2 vue 中的css 怎么抽取出来每个 entry 只能抽取对应的单个文件 ， 可以加上 [name], [id] or [contenthash] 如：new ExtractTextPlugin('[name].css') 。其实很多由 gulp 或 grunt 转到 webpack 的都会感觉抽取 css 很麻烦 ， 不过官方都是建议这样在 entry 中依赖 css 然后用 ExtractTextPlugin 抽取出来 。不过下面这个简单的 hack 可以让 webpack 支持 entry 是 css 文件的：
class CssEntryPlugin {
apply (compiler) {
compiler.plugin('emit', (compilation, callback) => {
compilation.chunks.filter(chunk => {
return /\.css$/i.test(chunk.name);
}).forEach(chunk => {
const oldName = chunk.name;
const newName = oldName.replace(/\.css$/i, '');
chunk.files = chunk.files.filter(file => {
const isCss = /\.css(|\.map)$/i.test(file);
if (!isCss) {
delete compilation.assets[file];
}
return isCss;
}).map(oldFile => {
// do not handle map file
if (/\.map$/i.test(oldFile)) return oldFile;
const newFile = oldFile.replace(oldName, newName);
// change css assets name
const tmp = compilation.assets[oldFile];
compilation.assets[newFile] = tmp;
delete compilation.assets[oldFile];
return newFile;
});
});
callback();
});
}
}
这样 entry 可以这么写：
{
entry: {
'index.css': './index.less'
}
}
vue文件中 css样式怎么 独立出一个单文件vue文件中 css样式怎么 独立出一个单文件
...
a = 123
a {
display: none
}
vue－loader 后 会把style 样式通过打包后的js文件 添加到 页面
vue: {
css: ExtractTextPlugin.extract("css"),
less: ExtractTextPlugin.extract("css!less-loader")
},
vue文件中怎么引入module中的css文件按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个.
CSS规则的前面；@import规则条件规则组中 。
@import url;
@import url list-of-media-queries;