neo-cmp-cli 1.0.16 → 1.0.18

package/README.md

@@ -90,13 +90,12 @@ module.exports = {
 }
 ```
 
-### 2) 构建入口（优先级：preview/linkDebug/build2lib/publish2oss.entry > webpack.entry）
+### 2) 构建入口（优先级：linkDebug/build2lib/publish2oss.entry > webpack.entry）
 ```bash
 module.exports = {
   webpack: {
     entry: { index: './src/index.js' },
   },
-  preview: { entry: {} },
   linkDebug: { entry: {} },
   build2lib: { entry: {} },
   publish2oss: { entry: {} },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neo-cmp-cli",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "前端脚手架：自定义组件开发工具，支持react 和 vue2.0技术栈。",
   "keywords": [
     "neo-cli",

package/src/module/index.js

@@ -162,6 +162,7 @@ yargs
       }
     }
   )
+  /*
   .command(
     'preview',
     '开启组件预览模式（仅预览组件本身内容）',
@@ -175,6 +176,7 @@ yargs
       mainAction.preview();
     }
   )
+  */
   .command(
     'linkDebug',
     '开启外链调试模式（在线上页面设计器端调试）',

package/src/module/previewCmp.js

@@ -30,7 +30,8 @@ module.exports = (config, cmpName, defaultComponentsDir = './src/components') =>
   }
 
   // 创建存放预览文件的临时目录
-  const tempDir = path.resolve(__dirname, '../../temp');
+  const tempDir = resolveToCurrentRoot('./.neo-cli');
+  
   if (!fs.existsSync(tempDir)) {
     fs.mkdirSync(tempDir);
   }
@@ -43,14 +44,17 @@ module.exports = (config, cmpName, defaultComponentsDir = './src/components') =>
   fs.writeFileSync(`${tempCmpDir}/preview.jsx`, cmpPreviewContent);
 
   // 将临时预览文件添加到预览配置中
-  config.dev.entry['index'] = `${tempCmpDir}/preview.jsx`;
+  if (!config.dev.entry) {
+    config.dev.entry = {};
+  }
+  // 添加预览入口文件
+  config.dev.entry.index = `${tempCmpDir}/preview.jsx`;
+
   if (config.webpack.projectDir) {
     config.webpack.projectDir.push(tempCmpDir);
   } else {
     config.webpack.projectDir = [tempCmpDir];
   }
 
-  console.log(`${consoleTag}预览文件已保存至 ${tempCmpDir}/preview.jsx:`, config);
-
   akfun.dev(config, consoleTag);
 };

package/src/template/react-custom-cmp-template/README.md

@@ -5,7 +5,6 @@
 - src/components/info-card/index.jsx: 信息卡片自定义组件代码；
 - src/components/info-card/register.js: 用于注册一个 neo 自定义组件，注册成功后编辑器画布区中才会正常展示自定义组件内容；
 - src/components/info-card/model.js: 用于注册一个 neo-editor 自定义组件模型，注册成功后编辑器左侧组件面板中会展示；
-- src/preview.js: 用于本地预览自定义组件内容；
 - neo.config.js: neo-cmp-cli 配置文件。
 
 ### 组件开发规范
@@ -37,13 +36,8 @@ $ npm run preview
 ```bash
 $ npm run linkDebug
 ```
-4. **build2lib: 构建自定义组件输出产物**
-> build2lib模式：用于构建发布到 oss 中的文件，默认存放到 当前 dist 目录中。
-```bash
-$ npm run build2lib
-```
 
-5. **发布到对象存储服务中**
+4. **发布到对象存储服务中**
 > 需要确保 package.json 中的 name 值唯一，version 值不重复。
 ```bash
 $ npm run publish2oss

package/src/template/react-custom-cmp-template/neo.config.js

@@ -44,10 +44,6 @@ module.exports = {
   },
   preview: {
     // 用于开启本地预览模式的相关配置信息
-    entry: {
-      // 本地预览自定义组件内容
-      index: './src/preview.js',
-    },
     /*
     【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
     NODE_ENV: 'development',

package/src/template/react-ts-custom-cmp-template/README.md

@@ -5,7 +5,6 @@
 - src/components/info-card/index.tsx: 信息卡片自定义组件代码；
 - src/components/info-card/register.ts: 用于注册一个 neo 自定义组件，注册成功后编辑器画布区中才会正常展示自定义组件内容；
 - src/components/info-card/model.ts: 用于注册一个 neo-editor 自定义组件模型，注册成功后编辑器左侧组件面板中会展示；
-- src/preview.tsx: 用于本地预览自定义组件内容；
 - neo.config.js: neo-cmp-cli 配置文件。
 
 ### 组件开发规范
@@ -38,13 +37,7 @@ $ npm run preview
 $ npm run linkDebug
 ```
 
-4. **build2lib: 构建自定义组件输出产物**
-> build2lib模式：用于构建发布到 oss 中的文件，默认存放到 当前 dist 目录中。
-```bash
-$ npm run build2lib
-```
-
-5. **发布到对象存储服务中**
+4. **发布到对象存储服务中**
 > 需要确保 package.json 中的 name 值唯一，version 值不重复。
 ```bash
 $ npm run publish2oss

package/src/template/react-ts-custom-cmp-template/neo.config.js

@@ -40,10 +40,6 @@ module.exports = {
   },
   preview: {
     // 用于开启本地预览模式的相关配置信息
-    entry: {
-      // 本地预览自定义组件内容
-      index: './src/preview.tsx',
-    },
     /*
     【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
     NODE_ENV: 'development',

package/src/template/vue2-custom-cmp-template/README.md

@@ -5,7 +5,6 @@
 - src/components/info-card/index.vue: 信息卡片自定义组件代码；
 - src/components/info-card/register.js: 用于注册一个 neo 自定义组件，注册成功后编辑器画布区中才会正常展示自定义组件内容；
 - src/components/info-card/model.js: 用于注册一个 neo-editor 自定义组件模型，注册成功后编辑器左侧组件面板中会展示；
-- src/preview.js: 用于本地预览自定义组件内容；
 - neo.config.js: neo-cmp-cli 配置文件。
 
 ### 组件开发规范
@@ -38,13 +37,7 @@ $ npm run preview
 $ npm run linkDebug
 ```
 
-4. **build2lib: 构建自定义组件输出产物**
-> build2lib模式：用于构建发布到 npm 中的文件，默认存放到 当前 dist 目录中。
-```bash
-$ npm run build2lib
-```
-
-5. **发布到对象存储服务中**
+4. **发布到对象存储服务中**
 > 需要确保 package.json 中的 name 值唯一，version 值不重复。
 ```bash
 $ npm run publish2oss

package/src/template/vue2-custom-cmp-template/neo.config.js

@@ -49,10 +49,6 @@ module.exports = {
   },
   preview: {
     // 用于开启本地预览模式的相关配置信息
-    entry: {
-      // 本地预览自定义组件内容
-      index: './src/preview.js',
-    },
     /*
     【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
     NODE_ENV: 'development',
@@ -71,7 +67,6 @@ module.exports = {
     */
   },
   linkDebug: {
-    NODE_ENV: 'development',
     // 用于开启本地调试模式的相关配置信息
     /*
     【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。

package/src/template/react-custom-cmp-template/src/preview.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import InfoCard from './components/info-card';
-
-ReactDOM.render(<InfoCard />, document.getElementById('root'));

package/src/template/react-ts-custom-cmp-template/src/preview.tsx

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import ReactDOM from 'react-dom';
-import InfoCard from './components/info-card';
-import ListWidget from './components/list-widget';
-import InfoCardModel from './components/info-card/model';
-
-const InfoCardDefaultComProps = new InfoCardModel().defaultComProps;
-
-/* 引入公共的静态资源 */
-import '$public/css/base.css';
-
-// 预览 info-card 组件
-ReactDOM.render(
-  <InfoCard {...InfoCardDefaultComProps} />,
-  document.getElementById('root'),
-);
-
-/*
-// 预览 list-widget 组件
-ReactDOM.render(
-  <ListWidget
-    {...{
-      title: '内容列表预览',
-      showImage: true,
-      showTags: true,
-      itemCount: 6,
-      listType: 'default',
-    }}
-  />,
-  document.getElementById('root'),
-);
-*/

package/src/template/vue2-custom-cmp-template/src/preview.js

@@ -1,9 +0,0 @@
-import Vue from 'vue';
-import InfoCard from './components/info-card';
-
-/* 引入公共的静态资源 */
-import '$public/css/base.css';
-
-new Vue({
-  render: (h) => h(InfoCard),
-}).$mount('#root');