ykit-config-vue
Features
- 编译 ES6+, Vue 代码(不需单独引入 es6 插件)
- 支持 SASS/SCSS
Usage
如果是新项目,在一个空的目录下执行:
$ ykit init vue
会在当前目录下生成一个初始工程。
如果是已有项目,在项目中执行:
$ npm install ykit-config-vue --save
编辑 ykit.js
,引入插件:
module.exports = {
plugins: ['vue']
// ...
};
添加 .babelrc
注意:由于 vue-loader 配置的特殊性,还需要在项目中添加 .babelrc,否则配置的 babel 插件不会生效。 你也可以安装和配置更多的插件,下面只是参考配置:
{ "presets": [ ["env", { "modules": "commonjs", "targets": { "browsers": [ "> 1%", "last 3 versions", "ios 8", "android 4.2", "ie 9" ] }, "useBuiltIns": "usage" }] ], "plugins": [ "transform-decorators-legacy", "transform-class-properties", "transform-object-rest-spread", "transform-object-assign" ]}
配置项
提取样式为单独的 css 文件
moduleexports = plugins: name: 'vue' options: extractStyle: true // 默认是 false 不提取,如果为 true 则会在引入 scss 的当前文件下生成 css ;
示例
查看:https://github.com/roscoe054/ykit-starter-vue