MPA JS CSS预处理方案

转载于 2018-04-18 21:29:00 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shya/p/8877714.html

文章标签：

#webpack #javascript #ViewUI

本文介绍如何使用Webpack配置文件webpack.config.js进行模块打包，并通过一个具体示例展示如何获取入口JS文件。同时，文章还介绍了如何利用VS插件WebComplier实现代码的自动压缩。

1、WebPack

添加配置文件webpack.config.js，直接在当前目录运行 webpack。

var basepath = '/root/webapps/happ';
var glob = require('glob');
var entries = getEntry('./Views/**/*.js');  // 获得入口js文件

function getEntry(globPath) {
    var entries = {};

    glob.sync(globPath).forEach(function (entry) {
        if (entry.endsWith('.min.js')) {
            return true;
        }
        console.log(entry)
        var pathname = entry.substring(0, entry.length - 3);
        entries[pathname] = entry;
    });
    console.log(entries)
    return entries;
}

module.exports = {
    entry: entries,
    output: {
        filename: '[name].min.js'
    }
    //resolve: { alias: { 'vue': basepath+'/node_modules/vue/dist/vue.js' } }
};