tabs to spaces whitespace
This commit is contained in:
@@ -5,20 +5,20 @@ import config from './webpack.config'
|
||||
const spinner = ora('Building …')
|
||||
|
||||
export default new Promise((resolve, reject) => {
|
||||
spinner.start()
|
||||
spinner.start()
|
||||
|
||||
webpack(config, (error, stats) => {
|
||||
if (error) {
|
||||
return reject(error)
|
||||
}
|
||||
webpack(config, (error, stats) => {
|
||||
if (error) {
|
||||
return reject(error)
|
||||
}
|
||||
|
||||
if (stats.hasErrors()) {
|
||||
process.stdout.write(stats.toString() + "\n");
|
||||
return reject(new Error('Build failed with errors.'))
|
||||
}
|
||||
if (stats.hasErrors()) {
|
||||
process.stdout.write(stats.toString() + "\n");
|
||||
return reject(new Error('Build failed with errors.'))
|
||||
}
|
||||
|
||||
return resolve('Build complete.')
|
||||
})
|
||||
return resolve('Build complete.')
|
||||
})
|
||||
})
|
||||
.then(success => spinner.succeed(success))
|
||||
.catch(error => spinner.fail(error))
|
||||
|
||||
@@ -16,11 +16,11 @@ middlewares.push(historyApiFallbackMiddleware())
|
||||
|
||||
// add webpack stuff
|
||||
middlewares.push(webpackDevMiddleware(bundler, {
|
||||
publicPath: config.output.publicPath,
|
||||
stats: {
|
||||
colors: true,
|
||||
chunks: false,
|
||||
},
|
||||
publicPath: config.output.publicPath,
|
||||
stats: {
|
||||
colors: true,
|
||||
chunks: false,
|
||||
},
|
||||
}))
|
||||
|
||||
// add hot reloading
|
||||
@@ -30,25 +30,25 @@ middlewares.push(webpackHotMiddleware(bundler))
|
||||
const url = 'http://localhost'
|
||||
const bs = browserSync.create()
|
||||
const server = bs.init({
|
||||
server: {
|
||||
baseDir: `${srcPath}/`,
|
||||
middleware: middlewares,
|
||||
},
|
||||
files: [],
|
||||
logLevel: 'silent',
|
||||
open: false,
|
||||
notify: false,
|
||||
injectChanges: false,
|
||||
ghostMode: {
|
||||
clicks: false,
|
||||
forms: false,
|
||||
scroll: false,
|
||||
},
|
||||
server: {
|
||||
baseDir: `${srcPath}/`,
|
||||
middleware: middlewares,
|
||||
},
|
||||
files: [],
|
||||
logLevel: 'silent',
|
||||
open: false,
|
||||
notify: false,
|
||||
injectChanges: false,
|
||||
ghostMode: {
|
||||
clicks: false,
|
||||
forms: false,
|
||||
scroll: false,
|
||||
},
|
||||
})
|
||||
|
||||
console.log(`${url}:${server.options.get('port')}`)
|
||||
|
||||
// sass import
|
||||
bs.watch(path.join(sassImportPath, '**/!(index|index_sub).scss'), { ignoreInitial: true }, () => {
|
||||
sassImport(sassImportPath)
|
||||
sassImport(sassImportPath)
|
||||
})
|
||||
|
||||
@@ -6,11 +6,11 @@ import minimist from 'minimist'
|
||||
let argv = minimist(process.argv.slice(2))
|
||||
|
||||
export function removeEmpty(array) {
|
||||
return array.filter(entry => !!entry)
|
||||
return array.filter(entry => !!entry)
|
||||
}
|
||||
|
||||
export function ifElse(condition) {
|
||||
return (then, otherwise) => (condition ? then : otherwise)
|
||||
return (then, otherwise) => (condition ? then : otherwise)
|
||||
}
|
||||
|
||||
export const env = argv.env || 'development'
|
||||
@@ -23,25 +23,25 @@ export const ifProd = ifElse(isProd)
|
||||
export const ifTest = ifElse(isTest)
|
||||
|
||||
export function sassImport(basePath) {
|
||||
const indexFileName = 'index.scss'
|
||||
glob.sync(`${basePath}/**/${indexFileName}`).forEach(sourceFile => {
|
||||
fs.writeFileSync(sourceFile, '// This is a dynamically generated file \n\n')
|
||||
glob.sync(`${path.dirname(sourceFile)}/*.scss`).forEach(file => {
|
||||
if (path.basename(file) !== indexFileName) {
|
||||
fs.appendFileSync(sourceFile, `@import "${path.basename(file)}";\n`)
|
||||
}
|
||||
})
|
||||
})
|
||||
const indexFileName = 'index.scss'
|
||||
glob.sync(`${basePath}/**/${indexFileName}`).forEach(sourceFile => {
|
||||
fs.writeFileSync(sourceFile, '// This is a dynamically generated file \n\n')
|
||||
glob.sync(`${path.dirname(sourceFile)}/*.scss`).forEach(file => {
|
||||
if (path.basename(file) !== indexFileName) {
|
||||
fs.appendFileSync(sourceFile, `@import "${path.basename(file)}";\n`)
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
const indexSubFileName = 'index_sub.scss'
|
||||
glob.sync(`${basePath}/**/${indexSubFileName}`).forEach(sourceFile => {
|
||||
fs.writeFileSync(sourceFile, '// This is a dynamically generated file \n\n')
|
||||
glob.sync(`${path.dirname(sourceFile)}/**/*.scss`).forEach(file => {
|
||||
if (path.basename(file) !== indexSubFileName) {
|
||||
let importPath = (path.dirname(sourceFile) === path.dirname(file)) ? path.basename(file) : file
|
||||
importPath = importPath.replace(`${path.dirname(sourceFile)}/`, '')
|
||||
fs.appendFileSync(sourceFile, `@import "${importPath}";\n`)
|
||||
}
|
||||
})
|
||||
})
|
||||
const indexSubFileName = 'index_sub.scss'
|
||||
glob.sync(`${basePath}/**/${indexSubFileName}`).forEach(sourceFile => {
|
||||
fs.writeFileSync(sourceFile, '// This is a dynamically generated file \n\n')
|
||||
glob.sync(`${path.dirname(sourceFile)}/**/*.scss`).forEach(file => {
|
||||
if (path.basename(file) !== indexSubFileName) {
|
||||
let importPath = (path.dirname(sourceFile) === path.dirname(file)) ? path.basename(file) : file
|
||||
importPath = importPath.replace(`${path.dirname(sourceFile)}/`, '')
|
||||
fs.appendFileSync(sourceFile, `@import "${importPath}";\n`)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
@@ -13,214 +13,214 @@ import { rootPath, srcPath, buildPath } from './paths'
|
||||
|
||||
export default {
|
||||
|
||||
mode: ifDev('development', 'production'),
|
||||
mode: ifDev('development', 'production'),
|
||||
|
||||
entry: {
|
||||
app: removeEmpty([
|
||||
ifDev('webpack-hot-middleware/client?reload=true'),
|
||||
`${srcPath}/assets/sass/main.scss`,
|
||||
`${srcPath}/main.js`,
|
||||
]),
|
||||
},
|
||||
entry: {
|
||||
app: removeEmpty([
|
||||
ifDev('webpack-hot-middleware/client?reload=true'),
|
||||
`${srcPath}/assets/sass/main.scss`,
|
||||
`${srcPath}/main.js`,
|
||||
]),
|
||||
},
|
||||
|
||||
output: {
|
||||
path: `${buildPath}/`,
|
||||
filename: `assets/js/[name]${ifProd('.[hash]', '')}.js`,
|
||||
chunkFilename: `assets/js/[name]${ifProd('.[chunkhash]', '')}.js`,
|
||||
publicPath: '/',
|
||||
},
|
||||
output: {
|
||||
path: `${buildPath}/`,
|
||||
filename: `assets/js/[name]${ifProd('.[hash]', '')}.js`,
|
||||
chunkFilename: `assets/js/[name]${ifProd('.[chunkhash]', '')}.js`,
|
||||
publicPath: '/',
|
||||
},
|
||||
|
||||
resolve: {
|
||||
extensions: ['.js', '.scss', '.vue'],
|
||||
alias: {
|
||||
vue$: 'vue/dist/vue.esm.js',
|
||||
modules: path.resolve(rootPath, '../node_modules'),
|
||||
images: `${srcPath}/assets/images`,
|
||||
fonts: `${srcPath}/assets/fonts`,
|
||||
variables: `${srcPath}/assets/sass/variables`,
|
||||
tiptap: path.resolve(rootPath, '../packages/tiptap/src'),
|
||||
'tiptap-commands': path.resolve(rootPath, '../packages/tiptap-commands/src'),
|
||||
'tiptap-utils': path.resolve(rootPath, '../packages/tiptap-utils/src'),
|
||||
'tiptap-models': path.resolve(rootPath, '../packages/tiptap-models/src'),
|
||||
'tiptap-extensions': path.resolve(rootPath, '../packages/tiptap-extensions/src'),
|
||||
},
|
||||
modules: [
|
||||
srcPath,
|
||||
path.resolve(rootPath, '../node_modules'),
|
||||
],
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.scss', '.vue'],
|
||||
alias: {
|
||||
vue$: 'vue/dist/vue.esm.js',
|
||||
modules: path.resolve(rootPath, '../node_modules'),
|
||||
images: `${srcPath}/assets/images`,
|
||||
fonts: `${srcPath}/assets/fonts`,
|
||||
variables: `${srcPath}/assets/sass/variables`,
|
||||
tiptap: path.resolve(rootPath, '../packages/tiptap/src'),
|
||||
'tiptap-commands': path.resolve(rootPath, '../packages/tiptap-commands/src'),
|
||||
'tiptap-utils': path.resolve(rootPath, '../packages/tiptap-utils/src'),
|
||||
'tiptap-models': path.resolve(rootPath, '../packages/tiptap-models/src'),
|
||||
'tiptap-extensions': path.resolve(rootPath, '../packages/tiptap-extensions/src'),
|
||||
},
|
||||
modules: [
|
||||
srcPath,
|
||||
path.resolve(rootPath, '../node_modules'),
|
||||
],
|
||||
},
|
||||
|
||||
devtool: ifDev('eval-source-map', 'source-map'),
|
||||
devtool: ifDev('eval-source-map', 'source-map'),
|
||||
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
exclude: [/node_modules/],
|
||||
use: {
|
||||
loader: ifDev('babel-loader?cacheDirectory=true', 'babel-loader'),
|
||||
options: {
|
||||
presets: [
|
||||
'@babel/preset-env',
|
||||
],
|
||||
plugins: [
|
||||
'@babel/plugin-syntax-dynamic-import',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: removeEmpty([
|
||||
ifDev('vue-style-loader', MiniCssExtractPlugin.loader),
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
]),
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: removeEmpty([
|
||||
ifDev('vue-style-loader', MiniCssExtractPlugin.loader),
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
'sass-loader',
|
||||
]),
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: `assets/images/[name]${ifProd('.[hash]', '')}.[ext]`,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: `assets/fonts/[name]${ifProd('.[hash]', '')}.[ext]`,
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
exclude: [/node_modules/],
|
||||
use: {
|
||||
loader: ifDev('babel-loader?cacheDirectory=true', 'babel-loader'),
|
||||
options: {
|
||||
presets: [
|
||||
'@babel/preset-env',
|
||||
],
|
||||
plugins: [
|
||||
'@babel/plugin-syntax-dynamic-import',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: removeEmpty([
|
||||
ifDev('vue-style-loader', MiniCssExtractPlugin.loader),
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
]),
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: removeEmpty([
|
||||
ifDev('vue-style-loader', MiniCssExtractPlugin.loader),
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
'sass-loader',
|
||||
]),
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: `assets/images/[name]${ifProd('.[hash]', '')}.[ext]`,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
||||
use: {
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: `assets/fonts/[name]${ifProd('.[hash]', '')}.[ext]`,
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
// splitting out the vendor
|
||||
optimization: {
|
||||
namedModules: true,
|
||||
splitChunks: {
|
||||
name: 'vendor',
|
||||
minChunks: 2,
|
||||
},
|
||||
noEmitOnErrors: true,
|
||||
// concatenateModules: true,
|
||||
},
|
||||
// splitting out the vendor
|
||||
optimization: {
|
||||
namedModules: true,
|
||||
splitChunks: {
|
||||
name: 'vendor',
|
||||
minChunks: 2,
|
||||
},
|
||||
noEmitOnErrors: true,
|
||||
// concatenateModules: true,
|
||||
},
|
||||
|
||||
plugins: removeEmpty([
|
||||
plugins: removeEmpty([
|
||||
|
||||
// create manifest file for server-side asset manipulation
|
||||
new ManifestPlugin({
|
||||
fileName: 'assets/manifest.json',
|
||||
writeToFileEmit: true,
|
||||
}),
|
||||
// create manifest file for server-side asset manipulation
|
||||
new ManifestPlugin({
|
||||
fileName: 'assets/manifest.json',
|
||||
writeToFileEmit: true,
|
||||
}),
|
||||
|
||||
// define env
|
||||
// new webpack.DefinePlugin({
|
||||
// 'process.env': {},
|
||||
// }),
|
||||
// define env
|
||||
// new webpack.DefinePlugin({
|
||||
// 'process.env': {},
|
||||
// }),
|
||||
|
||||
// copy static files
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
context: `${srcPath}/assets/static`,
|
||||
from: { glob: '**/*', dot: false },
|
||||
to: `${buildPath}/assets`,
|
||||
},
|
||||
{
|
||||
context: `${srcPath}/assets/static`,
|
||||
from: { glob: '**/*', dot: false },
|
||||
to: `${buildPath}/assets/[path][name].[hash].[ext]`,
|
||||
},
|
||||
]),
|
||||
// copy static files
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
context: `${srcPath}/assets/static`,
|
||||
from: { glob: '**/*', dot: false },
|
||||
to: `${buildPath}/assets`,
|
||||
},
|
||||
{
|
||||
context: `${srcPath}/assets/static`,
|
||||
from: { glob: '**/*', dot: false },
|
||||
to: `${buildPath}/assets/[path][name].[hash].[ext]`,
|
||||
},
|
||||
]),
|
||||
|
||||
// enable hot reloading
|
||||
ifDev(new webpack.HotModuleReplacementPlugin()),
|
||||
// enable hot reloading
|
||||
ifDev(new webpack.HotModuleReplacementPlugin()),
|
||||
|
||||
// html
|
||||
new HtmlWebpackPlugin({
|
||||
filename: 'index.html',
|
||||
template: `${srcPath}/index.html`,
|
||||
inject: true,
|
||||
minify: ifProd({
|
||||
removeComments: true,
|
||||
collapseWhitespace: true,
|
||||
removeAttributeQuotes: true,
|
||||
}),
|
||||
buildVersion: new Date().valueOf(),
|
||||
chunksSortMode: 'none',
|
||||
}),
|
||||
// html
|
||||
new HtmlWebpackPlugin({
|
||||
filename: 'index.html',
|
||||
template: `${srcPath}/index.html`,
|
||||
inject: true,
|
||||
minify: ifProd({
|
||||
removeComments: true,
|
||||
collapseWhitespace: true,
|
||||
removeAttributeQuotes: true,
|
||||
}),
|
||||
buildVersion: new Date().valueOf(),
|
||||
chunksSortMode: 'none',
|
||||
}),
|
||||
|
||||
new VueLoaderPlugin(),
|
||||
new VueLoaderPlugin(),
|
||||
|
||||
// create css files
|
||||
ifProd(new MiniCssExtractPlugin({
|
||||
filename: `assets/css/[name]${ifProd('.[hash]', '')}.css`,
|
||||
chunkFilename: `assets/css/[name]${ifProd('.[hash]', '')}.css`,
|
||||
})),
|
||||
// create css files
|
||||
ifProd(new MiniCssExtractPlugin({
|
||||
filename: `assets/css/[name]${ifProd('.[hash]', '')}.css`,
|
||||
chunkFilename: `assets/css/[name]${ifProd('.[hash]', '')}.css`,
|
||||
})),
|
||||
|
||||
// minify css files
|
||||
ifProd(new OptimizeCssAssetsPlugin({
|
||||
cssProcessorOptions: {
|
||||
reduceIdents: false,
|
||||
autoprefixer: false,
|
||||
zindex: false,
|
||||
discardComments: {
|
||||
removeAll: true,
|
||||
},
|
||||
},
|
||||
})),
|
||||
// minify css files
|
||||
ifProd(new OptimizeCssAssetsPlugin({
|
||||
cssProcessorOptions: {
|
||||
reduceIdents: false,
|
||||
autoprefixer: false,
|
||||
zindex: false,
|
||||
discardComments: {
|
||||
removeAll: true,
|
||||
},
|
||||
},
|
||||
})),
|
||||
|
||||
// svg icons
|
||||
new SvgStore({
|
||||
prefix: 'icon--',
|
||||
svgoOptions: {
|
||||
plugins: [
|
||||
{ cleanupIDs: false },
|
||||
{ collapseGroups: false },
|
||||
{ removeTitle: true },
|
||||
],
|
||||
},
|
||||
}),
|
||||
// svg icons
|
||||
new SvgStore({
|
||||
prefix: 'icon--',
|
||||
svgoOptions: {
|
||||
plugins: [
|
||||
{ cleanupIDs: false },
|
||||
{ collapseGroups: false },
|
||||
{ removeTitle: true },
|
||||
],
|
||||
},
|
||||
}),
|
||||
|
||||
// image optimization
|
||||
new ImageminWebpackPlugin({
|
||||
optipng: ifDev(null, {
|
||||
optimizationLevel: 3,
|
||||
}),
|
||||
jpegtran: ifDev(null, {
|
||||
progressive: true,
|
||||
quality: 80,
|
||||
}),
|
||||
svgo: ifDev(null, {
|
||||
plugins: [
|
||||
{ cleanupIDs: false },
|
||||
{ removeViewBox: false },
|
||||
{ removeUselessStrokeAndFill: false },
|
||||
{ removeEmptyAttrs: false },
|
||||
],
|
||||
}),
|
||||
}),
|
||||
// image optimization
|
||||
new ImageminWebpackPlugin({
|
||||
optipng: ifDev(null, {
|
||||
optimizationLevel: 3,
|
||||
}),
|
||||
jpegtran: ifDev(null, {
|
||||
progressive: true,
|
||||
quality: 80,
|
||||
}),
|
||||
svgo: ifDev(null, {
|
||||
plugins: [
|
||||
{ cleanupIDs: false },
|
||||
{ removeViewBox: false },
|
||||
{ removeUselessStrokeAndFill: false },
|
||||
{ removeEmptyAttrs: false },
|
||||
],
|
||||
}),
|
||||
}),
|
||||
|
||||
]),
|
||||
]),
|
||||
|
||||
node: {
|
||||
fs: 'empty',
|
||||
},
|
||||
node: {
|
||||
fs: 'empty',
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@ import packagejson from '../../package.json'
|
||||
|
||||
const { version } = packagejson
|
||||
const banner = `
|
||||
/*!
|
||||
/*!
|
||||
* tiptap v${version}
|
||||
* (c) ${new Date().getFullYear()} Scrumpy UG (limited liability)
|
||||
* @license MIT
|
||||
@@ -23,19 +23,19 @@ function genConfig(opts) {
|
||||
input: {
|
||||
input: opts.input,
|
||||
plugins: [
|
||||
flow(),
|
||||
flow(),
|
||||
node(),
|
||||
cjs(),
|
||||
vue({
|
||||
css: true,
|
||||
compileTemplate: true,
|
||||
}),
|
||||
vue({
|
||||
css: true,
|
||||
compileTemplate: true,
|
||||
}),
|
||||
replace({
|
||||
__VERSION__: version,
|
||||
}),
|
||||
buble({
|
||||
objectAssign: 'Object.assign',
|
||||
}),
|
||||
objectAssign: 'Object.assign',
|
||||
}),
|
||||
],
|
||||
external(id) { return !/^[\.\/]/.test(id) },
|
||||
},
|
||||
@@ -44,7 +44,7 @@ function genConfig(opts) {
|
||||
format: opts.format,
|
||||
banner,
|
||||
name: 'tiptap',
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
if (opts.env) {
|
||||
|
||||
Reference in New Issue
Block a user