nweb.js

0.1.5 • Public • Published

标记

NPM version NPM downloads

介绍

NWeb是一款帮助你快速搭建Web项目,并且支持代码打包发布的工具。

核心是基于Gulp完成开发过程中动态语言的编译,如pug页面文件、Less样式文件,以及页面JS文件的合并、压缩混淆和注入,最终打包一个可发布的静态资源文件包用来部署。

安装

nweb.js支持CLI命令行方式运行,安装可通过NPM命令全局安装:

npm install -g nweb.js

安装完成之后,命令行运行:

nweb -v

输出nweb.js当前的版本进行验证。

使用文档

使用

在命令行中,通过init命令,可以快速从模板创建一个Web项目:

nweb init -t templates-web -p myApp

然后进入到刚创建成功的项目cd myApp,在myApp中运行命令启动项目:

nweb debug

现在,可以通过浏览器访问http://localhost:3000/

命令介绍

命令行运行nweb可以查看帮助信息,会输出所有可使用的命令:

帮助信息

默认配置:

module.exports = {
    server: {
        port: 3000,
        proxy: false,
        external_static: false,
        default_page: null
    },
    build_jade: true,
    js_dir: 'js',
    page_ext: '.jade',  // 页面文件的后缀,支持.jade和.pug
    source_dir: 'src', // 所有代码文件的目录
    jade_dir: 'jade', // 页面文件的目录
    less_dir: 'less', // 样式文件的目录,只支持是less
    yaml_dir: 'yaml',
    assets_dir: 'assets', // 编辑后静态资源的目录路径
    output_dir: 'out', // 编辑后输出的目录路径,相对项目根目录的路径
    vendor: {
        'js': null,
        'css': null
    }, // 所有页面都依赖的css、js文件
    page_bundles: {
    }, // 配置每个页面的编译内容,包括使用的css、js文件以及依赖的css、js文件
    components: [], // 只编译js组件代码时,组件的js文件相对于js_dir目录的路径
    enc: [], // 需要加密的js文件清单,相对于js_dir目录的相对路径
    clean: [], 
    version: '1.0.0',
    doBabel: false, // 是否执行babel js文件,主要是为了兼容ES6
    enablePageChecker: true, // 是否启用.pug文件监控,true:监听pug文件的变化,动态重新编译pug
    enableJSChecker: true // 是否启用js文件监控,true:监听js文件的变化,动态重新编译js
};

Readme

Keywords

Package Sidebar

Install

npm i nweb.js

Weekly Downloads

1

Version

0.1.5

License

MIT

Unpacked Size

64.5 kB

Total Files

28

Last publish

Collaborators

  • zhujisong