tonyair/silverstripe-webpack
1
1
Fork 0
mirror of https://github.com/a2nt/silverstripe-webpack.git synced 2024-10-22 17:05:31 +02:00
Code Issues Projects Releases Wiki Activity

[API] Font Awesome support

Browse Source
This commit is contained in:
Tony Air 2018-02-09 01:16:34 +07:00
parent 7fc3622b24
commit 325401351d
5 changed files with 62 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/src/js/_pageType_and_component_template.js
View File

@ -55,12 +55,17 @@ const TypePage = (($) => {
}); });
// JQuery extension functions // JQuery extension functions
/*$.fn[NAME] = TypePage._jQueryInterface; /*
$.fn[NAME] = TypePage._jQueryInterface;
$.fn[NAME].Constructor = TypePage; $.fn[NAME].Constructor = TypePage;
$.fn[NAME].noConflict = function () { $.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT; $.fn[NAME] = JQUERY_NO_CONFLICT;
return TypePage._jQueryInterface; return TypePage._jQueryInterface;
};*/ };
// auto-apply
$(".ui." + NAME).ready(function(){
$(".ui." + NAME).TypePage();
});*/
return TypePage; return TypePage;
})($); })($);

74
site/src/scss/app.scss
View File

@ -2,41 +2,45 @@
@import "variables"; @import "variables";
// Bootstrap basics // Bootstrap basics
@import "../../../node_modules/bootstrap/scss/functions"; @import "~bootstrap/scss/functions";
@import "../../../node_modules/bootstrap/scss/variables"; @import "~bootstrap/scss/variables";
@import "../../../node_modules/bootstrap/scss/mixins"; @import "~bootstrap/scss/mixins";
@import "../../../node_modules/bootstrap/scss/root"; @import "~bootstrap/scss/root";
@import "../../../node_modules/bootstrap/scss/reboot"; @import "~bootstrap/scss/reboot";
@import "../../../node_modules/bootstrap/scss/type"; @import "~bootstrap/scss/type";
@import "../../../node_modules/bootstrap/scss/images"; @import "~bootstrap/scss/images";
@import "../../../node_modules/bootstrap/scss/code"; @import "~bootstrap/scss/code";
@import "../../../node_modules/bootstrap/scss/grid"; @import "~bootstrap/scss/grid";
@import "../../../node_modules/bootstrap/scss/tables"; @import "~bootstrap/scss/tables";
@import "../../../node_modules/bootstrap/scss/forms"; @import "~bootstrap/scss/forms";
@import "../../../node_modules/bootstrap/scss/buttons"; @import "~bootstrap/scss/buttons";
@import "../../../node_modules/bootstrap/scss/transitions"; @import "~bootstrap/scss/transitions";
@import "../../../node_modules/bootstrap/scss/dropdown"; @import "~bootstrap/scss/dropdown";
@import "../../../node_modules/bootstrap/scss/button-group"; @import "~bootstrap/scss/button-group";
@import "../../../node_modules/bootstrap/scss/input-group"; @import "~bootstrap/scss/input-group";
@import "../../../node_modules/bootstrap/scss/custom-forms"; @import "~bootstrap/scss/custom-forms";
@import "../../../node_modules/bootstrap/scss/nav"; @import "~bootstrap/scss/nav";
@import "../../../node_modules/bootstrap/scss/navbar"; @import "~bootstrap/scss/navbar";
@import "../../../node_modules/bootstrap/scss/card"; @import "~bootstrap/scss/card";
@import "../../../node_modules/bootstrap/scss/breadcrumb"; @import "~bootstrap/scss/breadcrumb";
@import "../../../node_modules/bootstrap/scss/pagination"; @import "~bootstrap/scss/pagination";
@import "../../../node_modules/bootstrap/scss/badge"; @import "~bootstrap/scss/badge";
@import "../../../node_modules/bootstrap/scss/jumbotron"; @import "~bootstrap/scss/jumbotron";
@import "../../../node_modules/bootstrap/scss/alert"; @import "~bootstrap/scss/alert";
@import "../../../node_modules/bootstrap/scss/progress"; @import "~bootstrap/scss/progress";
@import "../../../node_modules/bootstrap/scss/media"; @import "~bootstrap/scss/media";
@import "../../../node_modules/bootstrap/scss/list-group"; @import "~bootstrap/scss/list-group";
@import "../../../node_modules/bootstrap/scss/close"; @import "~bootstrap/scss/close";
@import "../../../node_modules/bootstrap/scss/modal"; @import "~bootstrap/scss/modal";
@import "../../../node_modules/bootstrap/scss/tooltip"; @import "~bootstrap/scss/tooltip";
@import "../../../node_modules/bootstrap/scss/popover"; @import "~bootstrap/scss/popover";
@import "../../../node_modules/bootstrap/scss/carousel"; @import "~bootstrap/scss/carousel";
@import "../../../node_modules/bootstrap/scss/utilities"; @import "~bootstrap/scss/utilities";
@import "../../../node_modules/bootstrap/scss/print"; @import "~bootstrap/scss/print";
// Font Awesome
$fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";
// Your custom UI // Your custom UI
@import "layout"; @import "layout";

28
webpack.config.common.js
View File

@ -64,34 +64,6 @@ module.exports = {
options: { options: {
name: "img/[name].[ext]", name: "img/[name].[ext]",
} }
}, {
test: /\.eot(\?v=\d+.\d+.\d+)?$/,
use: {
loader: "file-loader",
options: {
name: "fonts/[name].[ext]"
}
}
}, {
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
use: {
loader: "url-loader",
options: {
name: "fonts/[name].[ext]",
limit: 10000,
mimetype: "application/font-woff"
}
}
}, {
test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/,
use: {
loader: "url-loader",
options: {
name: "fonts/[name].[ext]",
limit: 10000,
mimetype: "application/octet-stream"
}
}
}, { }, {
test: /\.worker\.js$/, test: /\.worker\.js$/,
use: { use: {

5
webpack.config.dev.js
View File

@ -67,6 +67,11 @@ const config = merge.strategy({
sourceMap: true sourceMap: true
} }
}, ] }, ]
}, {
test: /fontawesome([^.]+).(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
use: [{
loader: 'url-loader'
}]
}, ] }, ]
}, },
plugins: [ plugins: [

12
webpack.config.prod.js
View File

@ -60,7 +60,17 @@ module.exports = merge(common, {
} }
}, ] }, ]
}) })
}, ] }, {
test: /fontawesome([^.]+).(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'fonts/', // where the fonts will go
publicPath: './' // override the default path
}
}]
} ]
}, },
plugins: [ plugins: [