|
|
|
@ -19,80 +19,85 @@ const glob = require('glob')
|
|
|
|
|
|
|
|
|
|
|
|
module.exports = function tinyComponentsWebpack(files, options = {}) {
|
|
|
|
module.exports = function tinyComponentsWebpack(files, options = {}) {
|
|
|
|
|
|
|
|
|
|
|
|
// merge options with defaults
|
|
|
|
// merge options with defaults
|
|
|
|
const defaults = Object.assign({
|
|
|
|
const defaults = Object.assign({
|
|
|
|
context: path.resolve(process.cwd(), ''),
|
|
|
|
context: path.resolve(process.cwd(), ''),
|
|
|
|
destination: path.resolve(process.cwd(), 'public'),
|
|
|
|
destination: path.resolve(process.cwd(), 'public'),
|
|
|
|
publicPath: '/',
|
|
|
|
publicPath: '/',
|
|
|
|
purge: {
|
|
|
|
purge: {
|
|
|
|
src: path.join(__dirname, 'js')
|
|
|
|
src: path.join(__dirname, 'js')
|
|
|
|
},
|
|
|
|
},
|
|
|
|
plugins: []
|
|
|
|
plugins: []
|
|
|
|
}, options)
|
|
|
|
}, options)
|
|
|
|
|
|
|
|
|
|
|
|
const config = {
|
|
|
|
const config = {
|
|
|
|
context: defaults.context,
|
|
|
|
context: defaults.context,
|
|
|
|
entry: files,
|
|
|
|
entry: files,
|
|
|
|
output: {
|
|
|
|
output: {
|
|
|
|
path: defaults.destination,
|
|
|
|
path: defaults.destination,
|
|
|
|
filename: 'js/[name].js',
|
|
|
|
filename: 'js/[name].js',
|
|
|
|
publicPath: defaults.publicPath
|
|
|
|
publicPath: defaults.publicPath
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
resolve: {
|
|
|
|
resolve: {
|
|
|
|
modules: ['node_modules'],
|
|
|
|
modules: ['node_modules'],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
optimization: {
|
|
|
|
optimization: {
|
|
|
|
removeEmptyChunks: true,
|
|
|
|
removeEmptyChunks: true,
|
|
|
|
minimize: true,
|
|
|
|
minimize: true,
|
|
|
|
minimizer: [
|
|
|
|
minimizer: [
|
|
|
|
new TerserPlugin({
|
|
|
|
new TerserPlugin({
|
|
|
|
terserOptions: {
|
|
|
|
terserOptions: {
|
|
|
|
output: {
|
|
|
|
output: {
|
|
|
|
comments: false,
|
|
|
|
comments: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
extractComments: false
|
|
|
|
extractComments: false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
module: {
|
|
|
|
module: {
|
|
|
|
rules: [{
|
|
|
|
rules: [{
|
|
|
|
test: /\.(css|scss)$/,
|
|
|
|
test: /\.(css|scss)$/,
|
|
|
|
use: [
|
|
|
|
use: [
|
|
|
|
MiniCssExtractPlugin.loader,
|
|
|
|
MiniCssExtractPlugin.loader,
|
|
|
|
{
|
|
|
|
{
|
|
|
|
loader: 'css-loader',
|
|
|
|
loader: 'css-loader',
|
|
|
|
options: { url: false }
|
|
|
|
options: { url: false }
|
|
|
|
},
|
|
|
|
},
|
|
|
|
'sass-loader'
|
|
|
|
'sass-loader'
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},{
|
|
|
|
},{
|
|
|
|
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
|
|
|
|
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
|
|
|
|
type: 'asset/resource',
|
|
|
|
type: 'asset/resource',
|
|
|
|
generator: {
|
|
|
|
generator: {
|
|
|
|
filename: "fonts/[name].[ext]",
|
|
|
|
filename: "fonts/[name].[ext]",
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
}]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
config.plugins = defaults.plugins.concat([
|
|
|
|
const plugins = [
|
|
|
|
new RemoveEmptyScriptsPlugin(),
|
|
|
|
new RemoveEmptyScriptsPlugin(),
|
|
|
|
new MiniCssExtractPlugin({
|
|
|
|
new MiniCssExtractPlugin({
|
|
|
|
filename: 'css/[name].css',
|
|
|
|
filename: 'css/[name].css',
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
new PurgeCSSPlugin({
|
|
|
|
new ManifestPlugin({
|
|
|
|
paths: glob.sync(`${defaults.purge.src}/**/*`, { nodir: true }),
|
|
|
|
filename: 'assets-manifest.json',
|
|
|
|
safelist: defaults.purge.safelist
|
|
|
|
context: defaults.destination
|
|
|
|
}),
|
|
|
|
})
|
|
|
|
new ManifestPlugin({
|
|
|
|
]
|
|
|
|
filename: 'assets-manifest.json',
|
|
|
|
|
|
|
|
context: defaults.destination
|
|
|
|
if (defaults.purge) {
|
|
|
|
})
|
|
|
|
plugins.push(new PurgeCSSPlugin({
|
|
|
|
])
|
|
|
|
paths: glob.sync(`${defaults.purge.src}/**/*`, { nodir: true }),
|
|
|
|
|
|
|
|
safelist: defaults.purge.safelist
|
|
|
|
|
|
|
|
}))
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
config.plugins = defaults.plugins.concat(plugins)
|
|
|
|
|
|
|
|
|
|
|
|
// if rules exists add
|
|
|
|
// if rules exists add
|
|
|
|
if (defaults.rules) {
|
|
|
|
if (defaults.rules) {
|
|
|
|
@ -102,33 +107,33 @@ const glob = require('glob')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// adding svg src
|
|
|
|
// adding svg src
|
|
|
|
if (defaults.svg.src) {
|
|
|
|
if (defaults.svg.src) {
|
|
|
|
config.plugins.push(new SvgSpritemapPlugin(defaults.svg.src, {
|
|
|
|
config.plugins.push(new SvgSpritemapPlugin(defaults.svg.src, {
|
|
|
|
output: {
|
|
|
|
output: {
|
|
|
|
filename: 'symbol-defs.svg',
|
|
|
|
filename: 'symbol-defs.svg',
|
|
|
|
chunk: {
|
|
|
|
chunk: {
|
|
|
|
keep: true
|
|
|
|
keep: true
|
|
|
|
},
|
|
|
|
},
|
|
|
|
svgo: {
|
|
|
|
svgo: {
|
|
|
|
plugins: [{
|
|
|
|
plugins: [{
|
|
|
|
name: 'convertStyleToAttrs',
|
|
|
|
name: 'convertStyleToAttrs',
|
|
|
|
active: true
|
|
|
|
active: true
|
|
|
|
},{
|
|
|
|
},{
|
|
|
|
name: 'removeStyleElement',
|
|
|
|
name: 'removeStyleElement',
|
|
|
|
active: true
|
|
|
|
active: true
|
|
|
|
}, {
|
|
|
|
}, {
|
|
|
|
name: 'removeAttrs',
|
|
|
|
name: 'removeAttrs',
|
|
|
|
params: {
|
|
|
|
params: {
|
|
|
|
attrs: 'fill'
|
|
|
|
attrs: 'fill'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
}]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
sprite: {
|
|
|
|
sprite: {
|
|
|
|
prefix: 'icon-'
|
|
|
|
prefix: 'icon-'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}))
|
|
|
|
}))
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
return config
|
|
|
|
return config
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
