gulp-weapp-alias
v1.0.6
Published
Gulp plugin that lets you create custom aliases for wecaht weapp with an @alias rule.
Downloads
4
Maintainers
Readme
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>