1.0.6 • Published 3 years ago

gulp-weapp-alias v1.0.6

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago
  npm i --save-dev gulp-weapp-alias

gulpfile.js

const { src, dest } = require('gulp');
const aliases = require('gulp-weapp-alias');

function aliasTask() {
    return src('src/*.{wxss|less|scss|wxml|js}')
        .pipe(aliases({
            '@Aliases': "path/to/your/folder",
        }))
        .pipe(dest('dist'));
}

the file before compilation

// .js
import * as Utils from '@Aliases/utils/base';
require('@Aliases/utils/base')

// .(wxss|less|scss)
@import '@Aliases/style/reset.less';

.bg {
  background-image: url('@Aliases/images/32821027.jpg');
}

// .wxml
<import src="@Aliases/wxs/index.wxs" />

<image src="@Aliases/images/32821027.jpg" mode="cover"></image>

will become:

// .js
import * as Utils from 'path/to/your/folder/utils/base';
require('path/to/your/folder/utils/base')

// .(wxss|less|scss)
@import 'path/to/your/folder/style/reset.less';

.bg {
  background-image: url('path/to/your/folder/images/32821027.jpg');
}

// .wxml
<import src="path/to/your/folder/wxs/index.wxs" />

<image src="path/to/your/folder/images/32821027.jpg" mode="cover"></image>