2017年6月 – 知识点滴

月度归档： 2017年6月

使用gitlab私有仓储管理

2017年6月28日 by admin·0评论

安装参考

安装 https://about.gitlab.com/installation/#centos
配置 https://docs.gitlab.com/omnibus/settings/nginx.html

CI自动集成

示例

项目合并到master的tag提交文件自动上传到远程部署

stages:
    - build
    - test
    - deploy

build-job:
    script:
        - uname -a
    stage: build
    only:
        - tags

simple-test:
    script:
        - php -v
    stage: test
    only:
        - tags

deploy-all-server:
    stage: deploy
    when: manual # 管理员手动执行
    artifacts:
        paths:
            - update/
    only:
        - tags
    script:
#        - git diff --name-status HEAD^ | awk '$1!="D"{print $2}' &gt; update/`cat .git/HEAD`-files.log
        - git diff  --name-status `git tag | tac | awk 'NR==2{print}'` | awk '$1!="D"{print $2}' &gt; update/`cat .git/HEAD`-files.log
        - cat update/`cat .git/HEAD`-files.log | xargs -ti /root/.pyenv/versions/py2711/bin/ansible-playbook --check /etc/ansible/play_books/sync_file.yaml -e file={} -vvv

stages:

- build

- test

- deploy

build-job:

script:

- uname -a

stage: build

only:

- tags

simple-test:

script:

- php -v

stage: test

only:

- tags

deploy-all-server:

stage: deploy

when: manual # 管理员手动执行

artifacts:

paths:

- update/

only:

- tags

script:

# - git diff --name-status HEAD^ | awk '$1!="D"{print $2}' > update/`cat .git/HEAD`-files.log

- git diff --name-status `git tag | tac | awk 'NR==2{print}'` | awk '$1!="D"{print $2}' > update/`cat .git/HEAD`-files.log

- cat update/`cat .git/HEAD`-files.log | xargs -ti /root/.pyenv/versions/py2711/bin/ansible-playbook --check /etc/ansible/play_books/sync_file.yaml -e file={} -vvv

git checkout develop
git pull

# 生成更新的文件列表, 用于线上备份
git diff --name-status 036182eefcda24d2f7^ ef4f1b8c5174525 | awk '{print $2}' > ../update-smrz-update1-files.log

## 生成文件包
git archive --format tar -o ../update-smrz-update1.tar ef4f1b8c5174525 $(git diff --name-status 036182eefcda24d2f7^ ef4f1b8c5174525 | awk '{print $2}')

# 复制文件到远程
cd ..
scp update-smrz-update1* abak:/home/xnjcw_branch

# 远程登录
ssh SERVER-HOST

# 备份文件
cd PROJECT-DIR
tar -cf ../update-smrz-update1-bak.tar `cat ../update-smrz-update1-files.log`

# 更新文件
cd ..
tar -xf update-smrz-update1.tar -C newjc001/

# 修复更新文件属主
cd newjc001/
tar -tf ../update-smrz-update1.tar | xargs chown ftp.ftp

git checkout develop

git pull

# 生成更新的文件列表, 用于线上备份

git diff --name-status 036182eefcda24d2f7^ ef4f1b8c5174525 | awk '{print $2}' > ../update-smrz-update1-files.log

## 生成文件包

git archive --format tar -o ../update-smrz-update1.tar ef4f1b8c5174525 $(git diff --name-status 036182eefcda24d2f7^ ef4f1b8c5174525 | awk '{print $2}')

# 复制文件到远程

cd ..

scp update-smrz-update1* abak:/home/xnjcw_branch

# 远程登录

ssh SERVER-HOST

# 备份文件

cd PROJECT-DIR

tar -cf ../update-smrz-update1-bak.tar `cat ../update-smrz-update1-files.log`

# 更新文件

cd ..

tar -xf update-smrz-update1.tar -C newjc001/

# 修复更新文件属主

cd newjc001/

tar -tf ../update-smrz-update1.tar | xargs chown ftp.ftp

webpack2编译scss

2017年6月2日 by admin·0评论

cnpm install --save-dev webpack sass-loader node-sass css-loader extract-text-webpack-plugin

1	cnpm install --save-dev webpack sass-loader node-sass css-loader extract-text-webpack-plugin

package.json

  "scripts": {
    "dev": "webpack --progress --watch --config webpack.config.js"
  }

"scripts": {

"dev": "webpack --progress --watch --config webpack.config.js"

}

webpack.config.js

var path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                use: 'css-loader'
            })
        }, {
            test: /\.(sass|scss)$/,
            use: ExtractTextPlugin.extract({
                use: [
                    'css-loader',
                    'sass-loader',
                ]
            }),
        } ]
    },
    plugins: [
        new ExtractTextPlugin('styles.css'),
    ]
};

var path = require('path');

const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {

entry: './src/index.js',

output: {

filename: 'bundle.js',

path: path.resolve(__dirname, 'dist')

module: {

rules: [{

test: /\.css$/,

use: ExtractTextPlugin.extract({

use: 'css-loader'

})

}, {

test: /\.(sass|scss)$/,

use: ExtractTextPlugin.extract({

use: [

'css-loader',

'sass-loader',

]

}),

} ]

plugins: [

new ExtractTextPlugin('styles.css'),

]

};

src/index.js

import './main.scss';
import './home.scss';
import 'font-awesome/css/font-awesome.min.css'

export {};

import './main.scss';

import './home.scss';

import 'font-awesome/css/font-awesome.min.css'

export {};

安装个字体库

cnpm install --save-dev file-loader url-loader

1	cnpm install --save-dev file-loader url-loader

配置webpack.config.js

            {
                test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
                loader: 'url-loader',
                options: {
                    limit: 10000,
                    name: 'fonts/[name].[hash:7].[ext]'
                }
            }

{

test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,

loader: 'url-loader',

options: {

limit: 10000,

name: 'fonts/[name].[hash:7].[ext]'

}