收藏
回答

less 生成wxss文件,文件名为app.less的文件不会自动生成wxs?

开发工具:WebStorm

遇到的问题:文件名为app.less不会自动生成app.wxss文件

问题详细描述:在开发小程序的时候使用了less,webstorm配置了对应的less 转 wxss的文件,一开始都是都是好好的,但是今天下午突然发现文件名为app.less的文件不能转变为app.wxss文件,但是其他文件名的都可以转化,而且使用lessc app.less > app.wxss也可以正常生成app.wxss文件。初步怀疑是WebStorm工具的问题,但是一直没有找到问题出在哪里,求大神讲解。(ps:好像不应该发这个贴子在社区里面,但是真心不知道去哪里问,呜呜呜)

最后一次编辑于  08-14  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • 卢霄霄
    卢霄霄
    08-15

    我用的gulp,gulpfile.js如下

    const gulp = require('gulp');
    const changed = require('gulp-changed');
    const less = require('gulp-less');
    const rename = require('gulp-rename');
    const clean = require('gulp-clean');
     
    const DIST = './dist'
    gulp.task('clean', function () {
        return gulp.src(DIST).pipe(clean());
    })
    gulp.task('less', function () {
        gulp.src('./src/**/*.less')
            .pipe(changed(DIST))
            .pipe(less())
            .pipe(rename(function (path) {
                path.extname = '.wxss';
            }))
            .pipe(gulp.dest(DIST))
    });
    gulp.task('pages', function () {
        return gulp.src([
            '!src/**/*.less',
            '!src/project.config.json',
            'src/**'
        ])
            .pipe(changed(DIST))
            .pipe(gulp.dest(DIST))
    })
    gulp.task('init', ['clean'], function () {
        // less
        gulp.src('./src/**/*.less')
            .pipe(less())
            .pipe(rename(function (path) {
                path.extname = '.wxss';
            }))
            .pipe(gulp.dest(DIST))
        // other files
        gulp.src([
            '!src/**/*.less',
            '!src/project.config.json',
            'src/**'
        ]).pipe(gulp.dest(DIST));
     
    })
    gulp.task('auto', function () {
        gulp.watch(['src/**/*.less'], ['less']);
        gulp.watch([
            'src/**',
            '!src/**/*.less',
            '!src/project.config.json'
        ], ['pages']);
    })
     
    // 使用 gulp.task('default') 定义默认任务
    // 在命令行使用 gulp 启动 less 任务和 auto 任务
    // gulp.task('default', ['less', 'pages', 'auto'])
    gulp.task('default', ['init', 'auto']);


    08-15
    赞同
    回复 1
    • 卢霄霄
      卢霄霄
      08-15
      woooo。。这个格式也是醉了
      08-15
      回复
问题标签