私有组件库

全局安装sinopia

npm install sinopia -g

全局安装pm2

npm install pm2 -g

注意:

1.由于sinopia端口固定,启动一次之后如果停止并再次启动需要杀死占用端口的sinopia进程

netstat -ap | grep 4873

kill -9 sinopiaId

2.npm全局安装sinopia时,由于部分文件夹写入保护导致部分文件丢失

找到全局安装文件夹,修改文件夹权限,之后进行重新安装

sudo chmod 777 -R node_modules

3.pm2基本指令

pm2 start app

pm2 stop app

pm2 delete app

常用sinopia配置文件

## This is the default config file. It allows all users to do anything,# so don't use it on production systems.

## Look here for more config file examples:

# https://github.com/rlidwka/sinopia/tree/master/conf

配置完成后

npm install 自己的包,实现按需引入需要修改babel-loader

相关链接:

https://github.com/babel/babel-loader

iview按需引入 

安装模块导入插件

npm install babel-plugin-import --save-dev

修改js loader配置并将相应插件加入配置

{

     test: /\.js$/, loader: 'babel-loader',

     options: {

            plugins: [

                ['babel-plugin-import', {

                        "libraryName": "sensead",

                        //node_modules目录

                        "libraryDirectory": "src/components"

                        //对应文件位置

                }]

        ]

    }

}

之后在项目入口文件引入即可(导入相应css文件)

import {Button}from 'sensead'

import './components/iview/src/css/sensead.css'

Vue.component('i-button', Button)