首頁猿問請(qǐng)問webpack打包后的js文件...

請(qǐng)問webpack打包后的js文件，里面的函數(shù)為什么沒辦法使用？

webpack

繁星淼淼 2019-09-24 17:16:48

webpack打包后的js文件，里面的函數(shù)為什么沒辦法使用

查看完整描述

5 回答

阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

webpack配置：
...
const ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {
...
output: {
path: path.join(__dirname, './dist'),
filename: 'js/[name].js',
publicPath: '/dist/'
},
module: {
loaders: [
...
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style',
loader: 'css',
publicPath: '../'
})
},
]
},
plugins: [
...
new ExtractTextPlugin({
filename: 'css/[name].css',
disable: false,

allChunks: false
})
]
}

反對(duì) 回復(fù) 2019-09-25

LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊

開發(fā)環(huán)境和生產(chǎn)環(huán)境用的是同一個(gè) webpack 配置文件，導(dǎo)致生產(chǎn)環(huán)境打包的 JS 文件包含了一大堆沒必要的插件，比如HotModuleReplacementPlugin, NoErrorsPlugin 這時(shí)候不管用什么優(yōu)化方式，都沒多大效果。所以，如果你打包后的文件非常大的話，先檢查下是不是包含了這些插件。

反對(duì) 回復(fù) 2019-09-25

富國滬深

TA貢獻(xiàn)1790條經(jīng)驗(yàn) 獲得超9個(gè)贊

webpack配置如下：
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
output: {
path: path.join(__dirname, './dist'),
filename: 'js/[name].js',
publicPath: '/dist/'
},
module: {
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style',
loader: 'css',
publicPath: '../'
})
},
]
},
plugins: [
new ExtractTextPlugin({
filename: 'css/[name].css',
disable: false,
allChunks: false
})
]
}