全局安装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
安装模块导入插件
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)
网友评论