Javascript 网页包+;巴贝尔npm不想开始
超级善意的人!!我只是这门神奇的技艺的初学者,比如编程:)我有这种能力 问题基本上我知道,所以WebPack会告诉我出了什么问题,但是 尽管如此,我还是可以解决它:( 这是我的webpack.config.js:Javascript 网页包+;巴贝尔npm不想开始,javascript,node.js,npm,webpack,babeljs,Javascript,Node.js,Npm,Webpack,Babeljs,超级善意的人!!我只是这门神奇的技艺的初学者,比如编程:)我有这种能力 问题基本上我知道,所以WebPack会告诉我出了什么问题,但是 尽管如此,我还是可以解决它:( 这是我的webpack.config.js: const path = require('path') const webpack = require('webpack') const ExtractTextPlugin = require('extract-text-webpack-plugin') module.expor
const path = require('path')
const webpack = require('webpack')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: [
'babel-polyfill',
'./js/index.js',
'./js/nav.js'
'./scss/main.scss',
],
output: {
filename: 'index.js',
libraryTarget: 'commonjs',
path: path.resolve('./dist/'),
},
module: {
rules: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract(['css-loader']),
},
{
test: /\.(sass|scss)$/,
loader: ExtractTextPlugin.extract(['css-loader', 'sass-
loader','babel-loader']),
},
{
test: /\.(png|jpg|gif|svg)$/,
use: [
{
loader: 'url-loader',
options: {
limit: 8192
}
}
]
},
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
},
]
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
output: {
comments: false
}
}),
new ExtractTextPlugin({
filename: 'styles.css',
allChunks: true,
}),
]
}
my package.json :
{
"name": "simple-webpack-boilerplate",
"version": "0.0.1",
"scripts": {
"start": "webpack --config webpack.config.js --watch",
"build": "webpack --config webpack.config.js"
},
"babel": {
"presets": [
"es2015"
]
},
"author": "Michał Grabowski (michal.grabowski@gmail.com)",
"license": "MIT",
"description": "",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-loader": "^8.0.0-beta.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015": "^6.24.1",
"browser-sync": "^2.18.13",
"css-loader": "0.28.7",
"extract-text-webpack-plugin": "3.0.2",
"file-loader": "^1.1.5",
"node-sass": "4.7.2",
"resolve-url-loader": "^2.2.1",
"sass-loader": "6.0.6",
"url-loader": "^0.6.2",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.9.7"
},
"dependencies": {
"@babel/core": "^7.0.0-beta.35",
"@babel/preset-env": "^7.0.0-beta.35",
"init": "^0.1.2"
}
}
最后,当我尝试启动npm时,终端上的错误
:
救命啊
entry: [
'babel-polyfill',
'./js/index.js',
'./js/nav.js'
'./scss/main.scss',
],
逗号位置不正确,您应该将
,
从。/scss/main.scss'
上面的一行移动到。/js/nav.js'
,看起来您的条目
列表中缺少了一个,
。尝试一下:
entry: [
'babel-polyfill',
'./js/index.js',
'./js/nav.js'
'./scss/main.scss',
],
为什么你要在css文件上使用“babel loader”?你还有其他js代码吗?入口点语法错误基本上我有nav.js我可能会多放一些..我不太确定..关于babel loader我想是的,如果我想用我的js使用babel,它需要它..ups..看起来我比我想的更糟..)./node_modules/css loader!中出错/node_modules/sass loader/lib/loader.js/节点\模块/babel加载程序/lib/scss/main.scss模块生成失败:错误:找到多个配置文件。请删除一个:-.babelrc-package.json,但我找不到一个babelrc文件…babelrc应该在您的根目录中,可能您看不到它,因为它以点开头,所以它是隐藏的。尝试在根目录上运行命令
ls-a
。好的,我现在可以运行npm,但是…现在…ehgg在./node\u modules/css loader!中出现类似的错误/node_modules/sass loader/lib/loader.js/节点\模块/babel加载程序/lib/scss/main.scss模块生成失败:错误:找到多个配置文件。请删除一个:-.babelrc-package.json我的问题是..在哪里可以找到babelrc文件?
entry: [
'babel-polyfill',
'./js/index.js',
'./js/nav.js'
'./scss/main.scss',
],