Initial commit
This commit is contained in:
zhongjin
@@ -0,0 +1,284 @@
|
||||
const webpack = require('webpack');
|
||||
const { resolve } = require('path');
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
const WebpackDeleteAfterEmit = require('webpack-delete-after-emit');
|
||||
const { version } = require('../../package.json');
|
||||
const { http_path_prefix } = require(`../../config/grunt_${process.env.NODE_ENV}.json`);
|
||||
const entryPoints = require('./entryPoints');
|
||||
|
||||
const vueLoaderConfig = require('../new-dashboard/vue-loader.conf');
|
||||
const VueLoaderPlugin = require('vue-loader/lib/plugin');
|
||||
|
||||
const rootDir = file => resolve(__dirname, '../../', file);
|
||||
const isVendor = name => name.indexOf('node_modules') >= 0;
|
||||
const isJavascript = name => name.endsWith('.js');
|
||||
|
||||
module.exports = {
|
||||
entry: entryPoints,
|
||||
output: {
|
||||
filename: `${version}/javascripts/[name].js`,
|
||||
path: rootDir('public/assets')
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.vue', '.json', '.scss'],
|
||||
symlinks: false,
|
||||
modules: require('../common/modules.js'),
|
||||
alias: require('../common/alias.js')
|
||||
},
|
||||
devtool: 'source-map',
|
||||
plugins: [
|
||||
new webpack.ProvidePlugin({
|
||||
$: 'jquery',
|
||||
jQuery: 'jquery',
|
||||
'window.jQuery': 'jquery'
|
||||
}),
|
||||
|
||||
new webpack.DefinePlugin({
|
||||
__IN_DEV__: JSON.stringify(false),
|
||||
__ENV__: JSON.stringify('prod'),
|
||||
__ASSETS_VERSION__: JSON.stringify(version)
|
||||
}),
|
||||
|
||||
new MiniCssExtractPlugin({
|
||||
filename: `./${version}/stylesheets/[name].css`
|
||||
}),
|
||||
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
from: rootDir('app/assets/images'),
|
||||
to: `./${version}/images/`,
|
||||
toType: 'dir'
|
||||
}, {
|
||||
from: rootDir('public/favicons'),
|
||||
to: `./${version}/favicons/`,
|
||||
toType: 'dir'
|
||||
}, {
|
||||
from: rootDir('app/assets/images/avatars'),
|
||||
to: `./unversioned/images/avatars/`,
|
||||
toType: 'dir'
|
||||
}, {
|
||||
from: rootDir('app/assets/images/alphamarker.png'),
|
||||
to: `./unversioned/images/alphamarker.png`,
|
||||
toType: 'file'
|
||||
}, {
|
||||
from: rootDir('app/assets/images/carto.png'),
|
||||
to: `./unversioned/images/carto.png`,
|
||||
toType: 'file'
|
||||
}, {
|
||||
from: rootDir('app/assets/images/google-maps-basemap-icons'),
|
||||
to: `./unversioned/images/google-maps-basemap-icon`,
|
||||
toType: 'dir'
|
||||
}, {
|
||||
from: rootDir('lib/assets/javascripts/new-dashboard/assets/resources/onboarding'),
|
||||
to: `./unversioned/onboarding/`,
|
||||
toType: 'dir'
|
||||
}
|
||||
]),
|
||||
|
||||
// CSS-only entry points which generate an useless
|
||||
// javascript file so we remove it after emitting the files
|
||||
new WebpackDeleteAfterEmit({
|
||||
globs: [
|
||||
`${version}/javascripts/common_new.js`,
|
||||
`${version}/javascripts/common_new.js.map`,
|
||||
`${version}/javascripts/deep_insights_new.js`,
|
||||
`${version}/javascripts/deep_insights_new.js.map`,
|
||||
`${version}/javascripts/public_map_new.js`,
|
||||
`${version}/javascripts/public_map_new.js.map`,
|
||||
`${version}/javascripts/common_editor3.js`,
|
||||
`${version}/javascripts/common_editor3.js.map`,
|
||||
`${version}/javascripts/editor3.js`,
|
||||
`${version}/javascripts/editor3.js.map`
|
||||
]
|
||||
}),
|
||||
|
||||
new VueLoaderPlugin()
|
||||
],
|
||||
optimization: {
|
||||
splitChunks: {
|
||||
cacheGroups: {
|
||||
common: {
|
||||
test: module => {
|
||||
if (module.nameForCondition && isJavascript(module.nameForCondition())) {
|
||||
return true;
|
||||
}
|
||||
for (const chunk of module.chunksIterable) {
|
||||
if (chunk.name && isJavascript(chunk.name)) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
chunks: 'initial',
|
||||
name: 'common',
|
||||
minChunks: 2,
|
||||
maxInitialRequests: 5,
|
||||
minSize: 0
|
||||
},
|
||||
common_vendor: {
|
||||
test: module => {
|
||||
const name = module.nameForCondition && module.nameForCondition();
|
||||
if (name && isVendor(name) && isJavascript(name)) {
|
||||
return true;
|
||||
}
|
||||
for (const chunk of module.chunksIterable) {
|
||||
if (chunk.name && isVendor(chunk.name) && isJavascript(chunk.name)) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
chunks: 'initial',
|
||||
name: 'common_vendor',
|
||||
priority: 10,
|
||||
enforce: true
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'shim-loader',
|
||||
include: [
|
||||
rootDir('node_modules/internal-carto.js')
|
||||
],
|
||||
options: {
|
||||
shim: {
|
||||
'wax.cartodb.js': {
|
||||
exports: 'wax'
|
||||
},
|
||||
'html-css-sanitizer': {
|
||||
exports: 'html'
|
||||
},
|
||||
'lzma': {
|
||||
exports: 'LZMA'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.tpl$/,
|
||||
use: [{
|
||||
loader: 'tpl-loader',
|
||||
options: {}
|
||||
}],
|
||||
include: [
|
||||
rootDir('lib/assets/javascripts/builder'),
|
||||
rootDir('lib/assets/javascripts/dashboard'),
|
||||
rootDir('lib/assets/javascripts/deep-insights'),
|
||||
rootDir('node_modules/internal-carto.js')
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.mustache$/,
|
||||
use: 'raw-loader',
|
||||
include: [
|
||||
rootDir('lib/assets/javascripts/builder'),
|
||||
rootDir('lib/assets/javascripts/deep-insights'),
|
||||
rootDir('node_modules/internal-carto.js')
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader',
|
||||
include: [
|
||||
rootDir('lib/assets/javascripts/carto-node'),
|
||||
rootDir('lib/assets/javascripts/builder'),
|
||||
rootDir('lib/assets/javascripts/dashboard'),
|
||||
rootDir('lib/assets/javascripts/new-dashboard'),
|
||||
rootDir('node_modules/internal-carto.js')
|
||||
],
|
||||
exclude: [
|
||||
rootDir('node_modules/internal-carto.js/node_modules'),
|
||||
rootDir('node_modules/internal-carto.js/vendor')
|
||||
],
|
||||
options: {
|
||||
presets: ['env'],
|
||||
plugins: ['transform-object-rest-spread']
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.s?css$/,
|
||||
use: [
|
||||
MiniCssExtractPlugin.loader,
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
alias: {
|
||||
// This is because of Carto.js _leaflet partial
|
||||
'../../img': '../img'
|
||||
},
|
||||
sourceMap: false
|
||||
}
|
||||
},
|
||||
{
|
||||
loader: 'sass-loader',
|
||||
options: {
|
||||
data: `$assetsDir: "${http_path_prefix}/assets/${version}";`,
|
||||
sourceMap: false,
|
||||
includePaths: [
|
||||
rootDir('node_modules/cartoassets/src/scss')
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.(ttf|eot|woff|woff2)(.+#.+)?$/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: `[name].[ext]`,
|
||||
outputPath: `${version}/fonts/`,
|
||||
publicPath: `${http_path_prefix}/assets/${version}/fonts/`
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.(png|gif|svg)$/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: `[name].[ext]`,
|
||||
outputPath: `${version}/images/`,
|
||||
publicPath: `${http_path_prefix}/assets/${version}/images/`
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// New Dashboard Vue Configuration
|
||||
{
|
||||
test: /\.vue$/,
|
||||
use: [
|
||||
|
||||
{
|
||||
loader: 'vue-loader',
|
||||
options: vueLoaderConfig
|
||||
},
|
||||
{
|
||||
loader: 'vue-svg-inline-loader'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.html$/,
|
||||
use: 'raw-loader',
|
||||
include: [
|
||||
rootDir('lib/assets/javascripts/new-dashboard/assets/resources/onboarding'),
|
||||
rootDir('lib/assets/javascripts/new-dashboard/components/Onboarding/wizard')
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
node: {
|
||||
fs: 'empty' // This fixes the error Module not found: Error: Can't resolve 'fs'
|
||||
},
|
||||
|
||||
stats: {
|
||||
warnings: false
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user