I am working on a project with Vue.js and I want to add my personal CSS files to the minified CSS file that is generated from the styles in *.vue files.
In my App.vue file, I have:
<style lang="scss">
@import '/static/css/AdminLTE.min.css';
@import '/static/css/style.css';
@import '/static/js/plugins/pace/pace.min.css';
</style>
Additionally, I am using ExtractTextPlugin to extract and minify styles in *.vue files:
// Extract css into its own file
new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].[contenthash].css')
}),
// Compress extracted CSS. This plugin helps dedupe possible duplicated CSS from different components.
new OptimizeCSSPlugin({
cssProcessorOptions: {
safe: true
}
}),
Currently, my website includes the app.contenthash.css file generated by the plugin, as well as the three files I imported. However, I am wondering if there is a way to include my three imported files directly into the app's CSS file?
Thank you!