20 Star 87 Fork 32

始于初见/vue-bl-markdown-editor

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
webpack.build.config.js 2.42 KB
一键复制 编辑 原始数据 按行查看 历史
始于初见 提交于 2019-09-05 08:54 +08:00 . 1. 分离样式
var path = require('path')
var webpack = require('webpack')
var ExtractTextPlugin = require('extract-text-webpack-plugin');
function resolve (dir) {
return path.join(__dirname, '..', dir)
}
const extractCSS = new ExtractTextPlugin('css/[name].css');
module.exports = {
entry: path.resolve(__dirname, './src/index.js'),
output: {
path: path.resolve(__dirname, './dist'),
publicPath: './',
filename: 'vue-bl-mark-down-editor.js',
chunkFilename: 'js/[name].js',
library: 'MarkDownEditor',
libraryTarget: 'umd',
umdNamedDefine: true
},
module: {
rules: [
{
test: /\.css$/,
use: extractCSS.extract({
fallback: "style-loader",
use: [
"css-loader",
"vue-style-loader"
]
})
// use: [
// 'vue-style-loader',
// 'css-loader'
// ],
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
extractCSS: true,
loaders: {
}
// other vue-loader options go here
}
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.(png|jpg|gif)$/,
loader: 'file-loader',
options: {
limit: 10000,
publicPath: '../',
name: 'images/[name].[ext]?[hash:7]'
}
},
//{ test: /\.(woff|ttf|eot|svg)$/, loader: 'url-loader?name=font/[name].[hash:7].[ext]&publicPath=../' },
{
test: /\.(eot|ttf|woff|woff2|svg)(\?.*)?$/,
loader: 'file-loader',
options: {
limit: 10000,
publicPath: '../',
name: 'fonts/[name].[hash:7].[ext]'
}
}
]
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
},
extensions: ['*', '.js', '.vue', '.json']
},
devServer: {
historyApiFallback: true,
noInfo: true,
overlay: true
},
performance: {
hints: false
},
devtool: '#source-map',
plugins:[
// 分离css
extractCSS,
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
sourceMap: false,
compress: {
warnings: false,
drop_debugger: true,
drop_console: true
}
}),
new webpack.LoaderOptionsPlugin({
minimize: true
}),
]
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/bl_it/vue-bl-markdown-editor.git
git@gitee.com:bl_it/vue-bl-markdown-editor.git
bl_it
vue-bl-markdown-editor
vue-bl-markdown-editor
master

搜索帮助