How do I use this as a browserify transform?
I currently have a package.json that looks like this:
{
"scripts": {
"start": "npm run build:libs && budo --pushstate --open --cors --live --watch-glob=*.{js,html,scss} src/app.js:app.js -d pub",
"build": "npm run build:debug",
"build:debug": "npm run build:libs && npm run build:app",
"build:release": "npm run build:libs && npm run build:app && npm run build:uglify",
"build:app": "browserify --debug src/app.js -o pub/app.js",
"build:libs": "browserify --debug src/libs.js -o pub/libs.js",
"build:uglify": "uglifyjs pub/app.js -o pub/app.js && uglifyjs pub/libs.js -o pub/libs.js"
},
"devDependencies": {
"browserify": "^13.0.0",
"browserify-ngannotate": "^2.0.0",
"budo": "^8.1.0",
"sassify": "^0.10.0",
"stringify": "^5.1.0",
"uglify-js": "^2.6.2"
},
"dependencies": {
"angular": "^1.5.2",
"angular-animate": "^1.5.3",
"angular-aria": "^1.5.3",
"angular-cookies": "^1.5.3",
"angular-file-upload": "^2.2.0",
"angular-material": "^1.0.7",
"angular-messages": "^1.5.3",
"angular-sanitize": "^1.5.3",
"angular-ui-router": "^0.2.18",
"lodash": "^4.11.1"
},
"browserify": {
"transform": [
[
"sassify",
{
"auto-inject": true
}
],
"stringify",
"browserify-ngannotate"
]
},
"stringify": {
"appliesTo": {
"includeExtensions": [
".html"
]
},
"minify": true
}
}this works great for my current project, allowing me to require scss files, etc.
How do I use this as a browserify transform?
I currently have a package.json that looks like this:
{ "scripts": { "start": "npm run build:libs && budo --pushstate --open --cors --live --watch-glob=*.{js,html,scss} src/app.js:app.js -d pub", "build": "npm run build:debug", "build:debug": "npm run build:libs && npm run build:app", "build:release": "npm run build:libs && npm run build:app && npm run build:uglify", "build:app": "browserify --debug src/app.js -o pub/app.js", "build:libs": "browserify --debug src/libs.js -o pub/libs.js", "build:uglify": "uglifyjs pub/app.js -o pub/app.js && uglifyjs pub/libs.js -o pub/libs.js" }, "devDependencies": { "browserify": "^13.0.0", "browserify-ngannotate": "^2.0.0", "budo": "^8.1.0", "sassify": "^0.10.0", "stringify": "^5.1.0", "uglify-js": "^2.6.2" }, "dependencies": { "angular": "^1.5.2", "angular-animate": "^1.5.3", "angular-aria": "^1.5.3", "angular-cookies": "^1.5.3", "angular-file-upload": "^2.2.0", "angular-material": "^1.0.7", "angular-messages": "^1.5.3", "angular-sanitize": "^1.5.3", "angular-ui-router": "^0.2.18", "lodash": "^4.11.1" }, "browserify": { "transform": [ [ "sassify", { "auto-inject": true } ], "stringify", "browserify-ngannotate" ] }, "stringify": { "appliesTo": { "includeExtensions": [ ".html" ] }, "minify": true } }this works great for my current project, allowing me to require scss files, etc.