Javascript Webpack-无法生成已编译的文件,甚至无法生成dist文件夹
当我运行:Javascript Webpack-无法生成已编译的文件,甚至无法生成dist文件夹,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,当我运行:webpack dev server时,它编译代码并在浏览器中给出输出。 但是当我运行时:webpack-p它没有在dist文件夹中生成文件,它甚至没有创建文件夹dist 下面是我的项目的一些文件和目录结构 webpack.config.babel.js import HtmlWebpackPlugin from 'html-webpack-plugin'; import ExtractTextPlugin,{extract} from 'extract-text-webpack-pl
webpack dev server
时,它编译代码并在浏览器中给出输出。但是当我运行时:
webpack-p
它没有在dist
文件夹中生成文件,它甚至没有创建文件夹dist
下面是我的项目的一些文件和目录结构
webpack.config.babel.js
import HtmlWebpackPlugin from 'html-webpack-plugin';
import ExtractTextPlugin,{extract} from 'extract-text-webpack-plugin';
import path,{resolve} from 'path';
module.exports = {
devtool: 'source-map',
entry: './src/app.js',
output: {
path: resolve(__dirname + 'dist'),
filename : 'app.bundle.js'
},
module: {
rules:[
{
test: /\.scss$/,
exclude: /node_modules/,
use: extract({
fallback: "style-loader",
use: [
"css-loader",
"sass-loader",
],
publicPath: "/dist"
}),
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}
]
},
devServer:{
contentBase: path.join(__dirname, "dist"),
compress: true,
port: 9000,
stats:'errors-only'
},
plugins: [
new HtmlWebpackPlugin({
title: 'Webpack starter project',
template: './src/index.html',
hash:true,
minify:{
collapseWhitespace: true,
minifyCSS: true,
minifyJS:true,
}
}),
new ExtractTextPlugin({
filename: "app.css",
disable: false,
allChunks: true
})
]
}
普通的网页包文件无法理解ES6/7功能。所以,如果你想在你的网页配置中使用它们,你必须按照下面提到的方式调用这个命令
$ webpack -p --config webpack.config.babel.js
webpack-p假设你的网页配置名为,
webpack.config.js
如果你有不同的名称,请在下次阅读文档时添加配置选项。我的猜测是将path:resolve(\uu dirname+'dist')
调整为path:resolve(\u dirname,'dist')
替换path:resolve(\uu dirname+'dist'))
使用路径:join(\uu dirname,“dist”),
解决了我的问题