7
我想爲我的Yeoman項目使用browserify而不是RequireJS。你能告訴我如何交換,所以我的應用/和測試/可以利用module.exports和require()?如何將browserify添加到yeoman項目中?
我想爲我的Yeoman項目使用browserify而不是RequireJS。你能告訴我如何交換,所以我的應用/和測試/可以利用module.exports和require()?如何將browserify添加到yeoman項目中?
這裏就是我所做的:
npm install grunt-browserify --save-dev
npm install coffeeify --save-dev
添加咕嚕-browserify一步Gruntfile.js
:
browserify: {
basic: {
src: ['<%= yeoman.app %>/scripts/**/*.js', '<%= yeoman.app %>/scripts/**/*.coffee'],
options: {
transform: ['coffeeify']
},
dest: '.tmp/scripts/application.js'
}
}
添加步驟並行/表的步驟,例如:
concurrent: {
server: [
'...',
'browserify'
],
dist: [
'...',
'browserify'
]
}
watch: {
coffee: {
files: ['<%= yeoman.app %>/scripts/{,*/}*.coffee'],
tasks: ['...', 'browserify']
}
}
修改默認的應用程序/ index.html的模板,所以usemin將串聯和縮小,從這個:
<!-- build:js scripts/main.js -->
<script src="bower_components/jquery/jquery.js"></script>
<script src="scripts/main.js"></script>
<!-- endbuild -->
<!-- build:js(.tmp) scripts/coffee.js -->
<script src="scripts/hello.js"></script>
<!-- endbuild -->
要這樣:
<!-- build:js({.tmp,app}) scripts/main.js -->
<script src="bower_components/jquery/jquery.js"></script>
<script src="scripts/application.js"></script>
<!-- endbuild -->
你能證明這與如果有人不使用coffeescript,那麼區別? – captDaylight