deve studio cli

1. 全局安装

npm install -g deve-studio-cli

2. 创建模块目录

mkdir deve-module-awesome-module
cd deve-module-awesome-module

新建如下目录结构

- src
  |- index.js
  |- plugin.vue
  .postcssrc.js
  package.json

.postcssrc.js 文件需要写入以下的配置：

module.exports = {
  plugins: {
    autoprefixer: {},
    'postcss-pxtorem': {
      rootValue: 75,
      unitPrecision: 6,
      propList: ['*'],
      // 任何包含 IPM 的类都会过滤
      selectorBlackList: [/\.IPM/],
      replace: true,
      mediaQuery: true,
      minPixelValue: 1
    },
  }
}

3. 启动

deve-cli-service serve

4. 打包

deve-cli-service build

参数

在上述的 deve-cli-service serve 和 deve-cli-service build 命令中，自定义模块入口是自动推断的。在不提供参数的情况下，会尝试如下位置寻找自定义模块：

const possiblePlugins = [
  'index.js',
  'src/index.js'
]

你也可以通过提供参数指定相应的组件入口

# 启动
deve-cli-service serve --plugin my-plugin-entry.js

# 打包
deve-cli-service build --plugin my-plugin-entry.js