Coder Social home page Coder Social logo

amiller-gh / broccoli-export-text Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jakedetels/broccoli-export-text

0.0 2.0 1.0 3 KB

Broccoli plugin that converts selected text files to JavaScript files with es6 export statements.

JavaScript 100.00%

broccoli-export-text's Introduction

Broccoli Export Text

Broccoli Export Text is a plugin that converts any files of a specified type into JavaScript files with ES6 module syntax and exports the original file's contents as a string. This can be helpful when JavaScript in the browser needs to manipulate the contents of a large string stored in a separate file, such as .html, .txt, or .whatever files.

Install

$ npm install --save-dev broccoli-export-text

Usage

Given the following directory structure:

├── Brocfile.js
└── app/
    ├── index.html
    ├── app.js
    ├── foo.bar
    └── baz.bar

...to convert the .bar files into .js files that export the original file's contents as a string, in your Brocfile.js file add:

var exportText = require('broccoli-export-text');
tree = exportText(tree, {
  extensions: 'bar'
});

Now the tree will be modified accordingly:

├── Brocfile.js
└── app/
    ├── index.html
    ├── app.js
    ├── foo.js  <-- previously foo.bar
    └── baz.js  <-- previously baz.bar

The new foo.js and baz.js files can be used as follows:

// foo.bar (original)
this is foo.bar!

// foo.js
export default 'this is foo.bar!';

// app.js
import foo from './foo';
console.log(foo); // this is foo.bar!

Options

extensions {String | Array of Strings}

A string (or array of strings) with the extension(s) for the type of files that should be converted to JavaScript files.

Default: 'txt'.

jsesc {Object}

Any options to be passed to jsesc, a library for escaping JavaScript Strings. Read more about the jsesc options at https://www.npmjs.com/package/jsesc.

Default: {quotes: 'single', wrap: true }

License

This project is distributed under the MIT license.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.